<!DOCTYPE html>
<!-- 
Theme: Keen - The Ultimate Bootstrap Admin Theme
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Follow: www.twitter.com/keenthemes
Dribbble: www.dribbble.com/keenthemes
Like: www.facebook.com/keenthemes
License: You must have a valid license purchased only from https://themes.getbootstrap.com/product/keen-the-ultimate-bootstrap-admin-theme/ in order to legally use the theme for your project.
-->
<html lang="en" >
    <!-- begin::Head -->
    <head>
        <meta charset="utf-8"/>
        <title>Keen | Dashboard</title>
        <meta name="description" content="Latest updates and statistic charts">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <!--begin::Fonts -->
        <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.16/webfont.js"></script>
        <script>
            WebFont.load({

                google: {
"families":[
"Poppins:300,400,500,600,700"]},

                active: function() {

                    sessionStorage.fonts = true;
                }
            });
        </script>
        <!--end::Fonts -->
        <!--begin::Page Vendors Styles(used by this page) -->
        <link href="../assets/vendors/custom/fullcalendar/fullcalendar.bundle.css" rel="stylesheet" type="text/css" />
        <!--end::Page Vendors Styles -->
        <!--begin:: Global Mandatory Vendors -->
<link href="../assets/vendors/general/perfect-scrollbar/css/perfect-scrollbar.css" rel="stylesheet" type="text/css" />
<!--end:: Global Mandatory Vendors -->

<!--begin:: Global Optional Vendors -->
<link href="../assets/vendors/general/tether/dist/css/tether.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/bootstrap-datepicker/dist/css/bootstrap-datepicker3.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/bootstrap-datetime-picker/css/bootstrap-datetimepicker.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/bootstrap-timepicker/css/bootstrap-timepicker.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/bootstrap-daterangepicker/daterangepicker.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/bootstrap-select/dist/css/bootstrap-select.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/nouislider/distribute/nouislider.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/owl.carousel/dist/assets/owl.carousel.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/owl.carousel/dist/assets/owl.theme.default.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/dropzone/dist/dropzone.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/summernote/dist/summernote.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/bootstrap-markdown/css/bootstrap-markdown.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/animate.css/animate.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/toastr/build/toastr.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/morris.js/morris.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/sweetalert2/dist/sweetalert2.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/general/socicon/css/socicon.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/custom/vendors/line-awesome/css/line-awesome.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/custom/vendors/flaticon/flaticon.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/custom/vendors/flaticon2/flaticon.css" rel="stylesheet" type="text/css" />
<link href="../assets/vendors/custom/vendors/fontawesome5/css/all.min.css" rel="stylesheet" type="text/css" />
<!--end:: Global Optional Vendors -->

<!--begin::Global Theme Styles(used by all pages) -->
        
        <link href="../assets/demo/demo3/base/style.bundle.css" rel="stylesheet" type="text/css" />
        <!--end::Global Theme Styles -->
        <!--begin::Layout Skins(used by all pages) -->
        <!--end::Layout Skins -->
        <link rel="shortcut icon" href="../assets/media/logos/favicon.ico" />
    </head>
    <!-- end::Head -->
    <!-- begin::Body -->
    <body class="kt-page--fixed kt-header--fixed kt-header--minimize-menu kt-header-mobile--fixed kt-subheader--enabled kt-subheader--transparent kt-aside--enabled kt-aside--skin-light kt-aside__brand--skin-light kt-aside--static kt-page--loading" >
        <!-- begin::Page loader -->
        <!-- end::Page Loader -->
        <!-- begin:: Page -->
        <!-- begin:: Header Mobile -->
        <div id="kt_header_mobile" class="kt-header-mobile kt-header-mobile--fixed " >
            <div class="kt-header-mobile__logo">
                <a href="index.html">
                    <img alt="Logo" src="../assets/media/logos/logo-5.png"/>
                </a>
            </div>
            <div class="kt-header-mobile__toolbar">
                <button class="kt-header-mobile__toolbar-toggler kt-header-mobile__toolbar-toggler--left" id="kt_aside_mobile_toggler"><span></span></button>
                <button class="kt-header-mobile__toolbar-toggler" id="kt_header_mobile_toggler"><span></span></button>
                <button class="kt-header-mobile__toolbar-topbar-toggler" id="kt_header_mobile_topbar_toggler"><i class="flaticon-more"></i></button>
            </div>
        </div>
        <!-- end:: Header Mobile -->
        <div class="kt-grid kt-grid--hor kt-grid--root">
            <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--ver kt-page">
                <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor kt-wrapper " id="kt_wrapper">
                    <!-- begin:: Header -->
                    <div id="kt_header" class="kt-header kt-grid__item kt-header--fixed " data-ktheader-minimize="on" style="background-image: url(../assets/demo/demo3/media/layout/header-bg.jpg)">
                        <div class="kt-header__top">
                            <div class="kt-container">
                                <!-- begin:: Brand -->
                                <div class="kt-header__brand kt-aside__brand--skin-light kt-grid__item" id="kt_header_brand">
                                    <div class="kt-header__brand-logo">
                                        <a href="index.html">
                                            <img alt="Logo" src="../assets/media/logos/logo-7.png" class="kt-header__brand-logo-default"/>
                                            <img alt="Logo" src="../assets/media/logos/logo-5.png" class="kt-header__brand-logo-sticky"/>
                                        </a>
                                    </div>
                                </div>
                                <!-- end:: Brand -->
                                <!-- begin:: Topbar -->
                                <div class="kt-header__topbar">
                                    <!--begin: Search -->
                                    <div class="kt-header__topbar-item kt-header__topbar-item--search">
                                        <div class="kt-header__topbar-wrapper">
                                            <div class="kt-quick-search kt-quick-search--inline kt-quick-search--result-compact" id="kt_quick_search_inline">
                                                <form method="get" class="kt-quick-search__form">
                                                    <div class="input-group">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text"><i class="flaticon2-search-1"></i></span>
                                                        </div>
                                                        <input type="text" class="form-control kt-quick-search__input" placeholder="Search...">
                                                        <div class="input-group-append">
                                                            <span class="input-group-text"><i class="la la-close kt-quick-search__close"></i></span>
                                                        </div>
                                                    </div>
                                                </form>
                                                <div data-toggle="dropdown" data-offset="0,10px"></div>
                                                <div class="dropdown-menu dropdown-menu-fit dropdown-menu-right dropdown-menu-anim dropdown-menu-lg">
                                                    <div class="kt-quick-search__wrapper kt-scroll" data-scroll="true" data-height="325" data-mobile-height="200"></div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--end: Search -->
                                    <!--begin: Quick Actions -->
                                    <div class="kt-header__topbar-item dropdown">
                                        <div class="kt-header__topbar-wrapper" data-toggle="dropdown" data-offset="20px,10px">
                                            <span class="kt-header__topbar-icon"><i class="flaticon-layers"></i></span>
                                        </div>
                                        <div class="dropdown-menu dropdown-menu-fit dropdown-menu-right dropdown-menu-anim dropdown-menu-xl">
                                            <div class="kt-head" style="background-image: url(../assets/media/misc/head_bg_sm.jpg)">
                                                <h3 class="kt-head__title">
                                                    Quick Actions
                                                </h3>
                                            </div>
                                            <div class="kt-grid-nav">
                                                <a href="#" class="kt-grid-nav__item">
                                                    <div class="kt-grid-nav__item-icon"><i class="flaticon-computer"></i></div>
                                                    <div class="kt-grid-nav__item-title">Customers</div>
                                                    <div class="kt-grid-nav__item-desc">per department</div>
                                                </a>
                                                <a href="#" class="kt-grid-nav__item">
                                                    <div class="kt-grid-nav__item-icon"><i class="flaticon-business"></i></div>
                                                    <div class="kt-grid-nav__item-title">Orders</div>
                                                    <div class="kt-grid-nav__item-desc">latest orders</div>
                                                </a>
                                                <a href="#" class="kt-grid-nav__item">
                                                    <div class="kt-grid-nav__item-icon"><i class="flaticon-line-graph"></i></div>
                                                    <div class="kt-grid-nav__item-title">Reports</div>
                                                    <div class="kt-grid-nav__item-desc">finance & accounting</div>
                                                </a>
                                                <a href="#" class="kt-grid-nav__item">
                                                    <div class="kt-grid-nav__item-icon"><i class="flaticon-settings"></i></div>
                                                    <div class="kt-grid-nav__item-title">Administration</div>
                                                    <div class="kt-grid-nav__item-desc">settings and logs</div>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <!--end: Quick Actions -->
                                    <!--begin: Quick Panel Toggler -->
                                    <div class="kt-header__topbar-item" data-toggle="kt-tooltip" title="Quick panel" data-placement="top">
                                        <div class="kt-header__topbar-wrapper">
                                            <span class="kt-header__topbar-icon" id="kt_quick_panel_toggler_btn"><i class="flaticon-grid-menu"></i></span>
                                        </div>
                                    </div>
                                    <!--end: Quick Panel Toggler -->
                                    <!--begin: Notifications -->
                                    <div class="kt-header__topbar-item dropdown">
                                        <div class="kt-header__topbar-wrapper" data-toggle="dropdown" data-offset="20px,10px">
                                            <span class="kt-header__topbar-icon"><i class="flaticon-alarm"></i></span>
                                            <span class="kt-badge kt-badge--danger">3</span> 
                                        </div>
                                        <div class="dropdown-menu dropdown-menu-fit dropdown-menu-right dropdown-menu-anim dropdown-menu-xl">
                                            <div class="kt-head kt-head--sm kt-head--skin-light">
                                                <h3 class="kt-head__title">
                                                    User Notifications
                                                </h3>
                                            </div>
                                            <div class="kt-notification kt-margin-t-10 kt-margin-b-10 kt-scroll" data-scroll="true" data-height="270">
                                                <a href="#" class="kt-notification__item">
                                                    <div class="kt-notification__item-icon"> <i class="flaticon-time-2"></i> </div>
                                                    <div class="kt-notification__item-details">
                                                        <div class="kt-notification__item-title"> New order has been received </div>
                                                        <div class="kt-notification__item-time"> 2 hrs ago </div>
                                                    </div>
                                                </a>
                                                <a href="#" class="kt-notification__item">
                                                    <div class="kt-notification__item-icon"> <i class="flaticon-upload-1"></i> </div>
                                                    <div class="kt-notification__item-details">
                                                        <div class="kt-notification__item-title"> New customer is registered </div>
                                                        <div class="kt-notification__item-time"> 3 hrs ago </div>
                                                    </div>
                                                </a>
                                                <a href="#" class="kt-notification__item">
                                                    <div class="kt-notification__item-icon"> <i class="flaticon-interface-8"></i> </div>
                                                    <div class="kt-notification__item-details">
                                                        <div class="kt-notification__item-title"> Application has been approved </div>
                                                        <div class="kt-notification__item-time"> 3 hrs ago </div>
                                                    </div>
                                                </a>
                                                <a href="#" class="kt-notification__item">
                                                    <div class="kt-notification__item-icon"> <i class="flaticon-file"></i> </div>
                                                    <div class="kt-notification__item-details">
                                                        <div class="kt-notification__item-title"> New file has been uploaded </div>
                                                        <div class="kt-notification__item-time"> 5 hrs ago </div>
                                                    </div>
                                                </a>
                                                <a href="#" class="kt-notification__item">
                                                    <div class="kt-notification__item-icon"> <i class="flaticon-user"></i> </div>
                                                    <div class="kt-notification__item-details">
                                                        <div class="kt-notification__item-title"> New user feedback received </div>
                                                        <div class="kt-notification__item-time"> 8 hrs ago </div>
                                                    </div>
                                                </a>
                                                <a href="#" class="kt-notification__item">
                                                    <div class="kt-notification__item-icon"> <i class="flaticon-cogwheel"></i> </div>
                                                    <div class="kt-notification__item-details">
                                                        <div class="kt-notification__item-title"> System reboot has been successfully completed </div>
                                                        <div class="kt-notification__item-time"> 12 hrs ago </div>
                                                    </div>
                                                </a>
                                                <a href="#" class="kt-notification__item">
                                                    <div class="kt-notification__item-icon"> <i class="flaticon-light"></i> </div>
                                                    <div class="kt-notification__item-details">
                                                        <div class="kt-notification__item-title"> New order has been placed </div>
                                                        <div class="kt-notification__item-time"> 15 hrs ago </div>
                                                    </div>
                                                </a>
                                                <a href="#" class="kt-notification__item kt-notification__item--read">
                                                    <div class="kt-notification__item-icon"> <i class="flaticon-interface-2"></i> </div>
                                                    <div class="kt-notification__item-details">
                                                        <div class="kt-notification__item-title"> Company meeting canceled </div>
                                                        <div class="kt-notification__item-time"> 19 hrs ago </div>
                                                    </div>
                                                </a>
                                                <a href="#" class="kt-notification__item">
                                                    <div class="kt-notification__item-icon"> <i class="flaticon-diagram"></i> </div>
                                                    <div class="kt-notification__item-details">
                                                        <div class="kt-notification__item-title"> New report has been received </div>
                                                        <div class="kt-notification__item-time"> 23 hrs ago </div>
                                                    </div>
                                                </a>
                                                <a href="#" class="kt-notification__item">
                                                    <div class="kt-notification__item-icon"> <i class="flaticon-pie-chart"></i> </div>
                                                    <div class="kt-notification__item-details">
                                                        <div class="kt-notification__item-title"> Finance report has been generated </div>
                                                        <div class="kt-notification__item-time"> 25 hrs ago </div>
                                                    </div>
                                                </a>
                                                <a href="#" class="kt-notification__item">
                                                    <div class="kt-notification__item-icon"> <i class="flaticon-speech-bubble-1"></i> </div>
                                                    <div class="kt-notification__item-details">
                                                        <div class="kt-notification__item-title"> New customer comment recieved </div>
                                                        <div class="kt-notification__item-time"> 2 days ago </div>
                                                    </div>
                                                </a>
                                                <a href="#" class="kt-notification__item">
                                                    <div class="kt-notification__item-icon"> <i class="flaticon-exclamation-2"></i> </div>
                                                    <div class="kt-notification__item-details">
                                                        <div class="kt-notification__item-title"> New customer is registered </div>
                                                        <div class="kt-notification__item-time"> 3 days ago </div>
                                                    </div>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <!--end: Notifications -->
                                    <!--begin: Languages -->
                                    <div class="kt-header__topbar-item kt-header__topbar-item--langs">
                                        <div class="kt-header__topbar-wrapper" data-toggle="dropdown" data-offset="20px,10px">
                                            <span class="kt-header__topbar-icon">
                                                <img class="" src="../assets/media/flags/020-flag.svg" alt="" />
                                            </span>
                                        </div>
                                        <div class="dropdown-menu dropdown-menu-fit dropdown-menu-right dropdown-menu-anim">
                                            <ul class="kt-nav kt-margin-t-10 kt-margin-b-10">
                                                <li class="kt-nav__item kt-nav__item--active">
                                                    <a href="#" class="kt-nav__link">
                                                        <span class="kt-nav__link-icon">
                                                            <img src="../assets/media/flags/020-flag.svg" alt="" />
                                                        </span>
                                                        <span class="kt-nav__link-text">English</span> 
                                                    </a>
                                                </li>
                                                <li class="kt-nav__item">
                                                    <a href="#" class="kt-nav__link">
                                                        <span class="kt-nav__link-icon">
                                                            <img src="../assets/media/flags/016-spain.svg" alt="" />
                                                        </span>
                                                        <span class="kt-nav__link-text">Spanish</span> 
                                                    </a>
                                                </li>
                                                <li class="kt-nav__item">
                                                    <a href="#" class="kt-nav__link">
                                                        <span class="kt-nav__link-icon">
                                                            <img src="../assets/media/flags/017-germany.svg" alt="" />
                                                        </span>
                                                        <span class="kt-nav__link-text">German</span> 
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <!--end: Languages -->
                                    <!--begin: User -->
                                    <div class="kt-header__topbar-item kt-header__topbar-item--user">
                                        <div class="kt-header__topbar-wrapper" data-toggle="dropdown" data-offset="20px,10px">
                                            <img alt="Pic" src="../assets/media/users/300_21.jpg"/>
                                        </div>
                                        <div class="dropdown-menu dropdown-menu-fit dropdown-menu-right dropdown-menu-anim dropdown-menu-md">
                                            <div class="kt-user-card kt-user-card--skin-light kt-margin-b-50 kt-margin-b-20-tablet-and-mobile">
                                                <div class="kt-user-card__wrapper">
                                                    <div class="kt-user-card__pic">
                                                        <img alt="Pic" src="../assets/media/users/300_21.jpg" />
                                                    </div>
                                                    <div class="kt-user-card__details">
                                                        <div class="kt-user-card__name">Alex Stone</div>
                                                        <div class="kt-user-card__position">CTO, Loop Inc.</div>
                                                    </div>
                                                </div>
                                            </div>
                                            <ul class="kt-nav kt-margin-b-10">
                                                <li class="kt-nav__item">
                                                    <a href="custom_user_profile-v1.html" class="kt-nav__link">
                                                        <span class="kt-nav__link-icon"><i class="flaticon-profile"></i></span>
                                                        <span class="kt-nav__link-text">My Profile</span> 
                                                    </a>
                                                </li>
                                                <li class="kt-nav__item">
                                                    <a href="custom_user_profile-v1.html" class="kt-nav__link">
                                                        <span class="kt-nav__link-icon"><i class="flaticon-signs"></i></span>
                                                        <span class="kt-nav__link-text">Tasks</span> 
                                                    </a>
                                                </li>
                                                <li class="kt-nav__item">
                                                    <a href="custom_user_profile-v1.html" class="kt-nav__link">
                                                        <span class="kt-nav__link-icon"><i class="flaticon-mail-1"></i></span>
                                                        <span class="kt-nav__link-text">Messages</span> 
                                                    </a>
                                                </li>
                                                <li class="kt-nav__item">
                                                    <a href="custom_user_profile-v1.html" class="kt-nav__link">
                                                        <span class="kt-nav__link-icon"><i class="flaticon-settings"></i></span>
                                                        <span class="kt-nav__link-text">Settings</span> 
                                                    </a>
                                                </li>
                                                <li class="kt-nav__item kt-nav__item--custom kt-margin-t-15"> <a href="custom_user_login-v1.html" target="_blank" class="btn btn-outline-metal btn-hover-brand btn-upper btn-font-dark btn-sm btn-bold">Sign Out</a> </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <!--end: User -->
                                </div>
                                <!-- end:: Topbar -->
                            </div>
                        </div>
                        <div class="kt-header__bottom">
                            <div class="kt-container">
                                <!-- begin: Header Menu -->
                                <button class="kt-header-menu-wrapper-close" id="kt_header_menu_mobile_close_btn"><i class="la la-close"></i></button>
                                <div class="kt-header-menu-wrapper" id="kt_header_menu_wrapper">
                                    <div id="kt_header_menu" class="kt-header-menu kt-header-menu-mobile " >
                                        <ul class="kt-menu__nav ">
                                            <li class="kt-menu__item kt-menu__item--open kt-menu__item--here kt-menu__item--submenu kt-menu__item--rel kt-menu__item--open kt-menu__item--here" data-ktmenu-submenu-toggle="click" aria-haspopup="true">
                                                <a href="javascript:;" class="kt-menu__link kt-menu__toggle"><span class="kt-menu__link-text">Dashboard</span><i class="kt-menu__hor-arrow la la-angle-down"></i><i class="kt-menu__ver-arrow la la-angle-right"></i></a>
                                                <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--left">
                                                    <ul class="kt-menu__subnav">
                                                        <li class="kt-menu__item " aria-haspopup="true">
                                                            <a href="index.html" class="kt-menu__link ">
                                                                <i class="kt-menu__link-bullet kt-menu__link-bullet--line"><span></span></i>
                                                                <span class="kt-menu__link-text">Default Dashboard</span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-menu__item kt-menu__item--active " aria-haspopup="true">
                                                            <a href="dashboards_aside.html" class="kt-menu__link ">
                                                                <i class="kt-menu__link-bullet kt-menu__link-bullet--line"><span></span></i>
                                                                <span class="kt-menu__link-text">Aside Dashboard</span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-menu__item " aria-haspopup="true">
                                                            <a href="dashboards_fluid.html" class="kt-menu__link ">
                                                                <i class="kt-menu__link-bullet kt-menu__link-bullet--line"><span></span></i>
                                                                <span class="kt-menu__link-text">Fluid Dashboard</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="kt-menu__item kt-menu__item--submenu kt-menu__item--rel" data-ktmenu-submenu-toggle="click" aria-haspopup="true">
                                                <a href="#" class="kt-menu__link kt-menu__toggle"><span class="kt-menu__link-text">Pages</span><i class="kt-menu__hor-arrow la la-angle-down"></i><i class="kt-menu__ver-arrow la la-angle-right"></i></a>
                                                <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--left">
                                                    <ul class="kt-menu__subnav">
                                                        <li class="kt-menu__item " aria-haspopup="true">
                                                            <a href="javascript:;" class="kt-menu__link ">
                                                                <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                <span class="kt-menu__link-text">Create New Post</span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-menu__item " aria-haspopup="true">
                                                            <a href="javascript:;" class="kt-menu__link ">
                                                                <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                <span class="kt-menu__link-text">Generate Reports</span>
                                                                <span class="kt-menu__link-badge"><span class="kt-badge kt-badge--success">2</span></span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-menu__item kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
                                                            <a href="#" class="kt-menu__link kt-menu__toggle">
                                                                <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                <span class="kt-menu__link-text">Manage Orders</span><i class="kt-menu__hor-arrow la la-angle-right"></i><i class="kt-menu__ver-arrow la la-angle-right"></i>
                                                            </a>
                                                            <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--right">
                                                                <ul class="kt-menu__subnav">
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Latest Orders</span></a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Pending Orders</span></a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Processed Orders</span></a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Delivery Reports</span></a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Payments</span></a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Customers</span></a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </li>
                                                        <li class="kt-menu__item kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
                                                            <a href="#" class="kt-menu__link kt-menu__toggle">
                                                                <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                <span class="kt-menu__link-text">Customer Feedbacks</span><i class="kt-menu__hor-arrow la la-angle-right"></i><i class="kt-menu__ver-arrow la la-angle-right"></i>
                                                            </a>
                                                            <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--right">
                                                                <ul class="kt-menu__subnav">
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Customer Feedbacks</span></a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Supplier Feedbacks</span></a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Reviewed Feedbacks</span></a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Resolved Feedbacks</span></a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Feedback Reports</span></a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </li>
                                                        <li class="kt-menu__item " aria-haspopup="true">
                                                            <a href="#" class="kt-menu__link ">
                                                                <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                <span class="kt-menu__link-text">Register Member</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="kt-menu__item kt-menu__item--submenu kt-menu__item--rel" data-ktmenu-submenu-toggle="click" aria-haspopup="true">
                                                <a href="#" class="kt-menu__link kt-menu__toggle"><span class="kt-menu__link-text">Reports</span><i class="kt-menu__hor-arrow la la-angle-down"></i><i class="kt-menu__ver-arrow la la-angle-right"></i></a>
                                                <div class="kt-menu__submenu kt-menu__submenu--fixed kt-menu__submenu--left" style="width:1000px">
                                                    <div class="kt-menu__subnav">
                                                        <ul class="kt-menu__content">
                                                            <li class="kt-menu__item ">
                                                                <h3 class="kt-menu__heading kt-menu__toggle">
                                                                    <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                    <span class="kt-menu__link-text">Finance Reports</span><i class="kt-menu__ver-arrow la la-angle-right"></i>
                                                                </h3>
                                                                <ul class="kt-menu__inner">
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon flaticon-map"></i><span class="kt-menu__link-text">Annual Reports</span></a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon flaticon-user"></i><span class="kt-menu__link-text">HR Reports</span></a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon flaticon-clipboard"></i><span class="kt-menu__link-text">IPO Reports</span></a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon flaticon-graphic-1"></i><span class="kt-menu__link-text">Finance Margins</span></a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon flaticon-graphic-2"></i><span class="kt-menu__link-text">Revenue Reports</span></a>
                                                                    </li>
                                                                </ul>
                                                            </li>
                                                            <li class="kt-menu__item ">
                                                                <h3 class="kt-menu__heading kt-menu__toggle">
                                                                    <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                    <span class="kt-menu__link-text">Project Reports</span><i class="kt-menu__ver-arrow la la-angle-right"></i>
                                                                </h3>
                                                                <ul class="kt-menu__inner">
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link ">
                                                                            <i class="kt-menu__link-bullet kt-menu__link-bullet--line"><span></span></i>
                                                                            <span class="kt-menu__link-text">Coca Cola CRM</span>
                                                                        </a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link ">
                                                                            <i class="kt-menu__link-bullet kt-menu__link-bullet--line"><span></span></i>
                                                                            <span class="kt-menu__link-text">Delta Airlines Booking Site</span>
                                                                        </a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link ">
                                                                            <i class="kt-menu__link-bullet kt-menu__link-bullet--line"><span></span></i>
                                                                            <span class="kt-menu__link-text">Malibu Accounting</span>
                                                                        </a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link ">
                                                                            <i class="kt-menu__link-bullet kt-menu__link-bullet--line"><span></span></i>
                                                                            <span class="kt-menu__link-text">Vineseed Website Rewamp</span>
                                                                        </a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link ">
                                                                            <i class="kt-menu__link-bullet kt-menu__link-bullet--line"><span></span></i>
                                                                            <span class="kt-menu__link-text">Zircon Mobile App</span>
                                                                        </a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link ">
                                                                            <i class="kt-menu__link-bullet kt-menu__link-bullet--line"><span></span></i>
                                                                            <span class="kt-menu__link-text">Mercury CMS</span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </li>
                                                            <li class="kt-menu__item ">
                                                                <h3 class="kt-menu__heading kt-menu__toggle">
                                                                    <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                    <span class="kt-menu__link-text">HR Reports</span><i class="kt-menu__ver-arrow la la-angle-right"></i>
                                                                </h3>
                                                                <ul class="kt-menu__inner">
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link ">
                                                                            <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                            <span class="kt-menu__link-text">Staff Directory</span>
                                                                        </a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link ">
                                                                            <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                            <span class="kt-menu__link-text">Client Directory</span>
                                                                        </a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link ">
                                                                            <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                            <span class="kt-menu__link-text">Salary Reports</span>
                                                                        </a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link ">
                                                                            <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                            <span class="kt-menu__link-text">Staff Payslips</span>
                                                                        </a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link ">
                                                                            <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                            <span class="kt-menu__link-text">Corporate Expenses</span>
                                                                        </a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link ">
                                                                            <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                            <span class="kt-menu__link-text">Project Expenses</span>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </li>
                                                            <li class="kt-menu__item ">
                                                                <h3 class="kt-menu__heading kt-menu__toggle">
                                                                    <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                    <span class="kt-menu__link-text">Reporting Apps</span><i class="kt-menu__ver-arrow la la-angle-right"></i>
                                                                </h3>
                                                                <ul class="kt-menu__inner">
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Report Adjusments</span></a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Sources & Mediums</span></a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Reporting Settings</span></a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Conversions</span></a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Report Flows</span></a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><span class="kt-menu__link-text">Audit & Logs</span></a>
                                                                    </li>
                                                                </ul>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="kt-menu__item kt-menu__item--submenu kt-menu__item--rel" data-ktmenu-submenu-toggle="click" aria-haspopup="true">
                                                <a href="#" class="kt-menu__link kt-menu__toggle"><span class="kt-menu__link-text">Apps</span><i class="kt-menu__hor-arrow la la-angle-down"></i><i class="kt-menu__ver-arrow la la-angle-right"></i></a>
                                                <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--left">
                                                    <ul class="kt-menu__subnav">
                                                        <li class="kt-menu__item " aria-haspopup="true">
                                                            <a href="#" class="kt-menu__link ">
                                                                <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                <span class="kt-menu__link-text">eCommerce</span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-menu__item kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
                                                            <a href="#" class="kt-menu__link kt-menu__toggle">
                                                                <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                <span class="kt-menu__link-text">Audience</span><i class="kt-menu__hor-arrow la la-angle-right"></i><i class="kt-menu__ver-arrow la la-angle-right"></i>
                                                            </a>
                                                            <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--right">
                                                                <ul class="kt-menu__subnav">
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon flaticon-users"></i><span class="kt-menu__link-text">Active Users</span></a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon flaticon-interface-1"></i><span class="kt-menu__link-text">User Explorer</span></a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon flaticon-lifebuoy"></i><span class="kt-menu__link-text">Users Flows</span></a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon flaticon-graphic-1"></i><span class="kt-menu__link-text">Market Segments</span></a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon flaticon-graphic"></i><span class="kt-menu__link-text">User Reports</span></a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </li>
                                                        <li class="kt-menu__item " aria-haspopup="true">
                                                            <a href="#" class="kt-menu__link ">
                                                                <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                <span class="kt-menu__link-text">Marketing</span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-menu__item " aria-haspopup="true">
                                                            <a href="#" class="kt-menu__link ">
                                                                <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                <span class="kt-menu__link-text">Campaigns</span>
                                                                <span class="kt-menu__link-badge"><span class="kt-badge kt-badge--success">3</span></span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-menu__item kt-menu__item--submenu" data-ktmenu-submenu-toggle="hover" aria-haspopup="true">
                                                            <a href="#" class="kt-menu__link kt-menu__toggle">
                                                                <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                <span class="kt-menu__link-text">Cloud Manager</span><i class="kt-menu__hor-arrow la la-angle-right"></i><i class="kt-menu__ver-arrow la la-angle-right"></i>
                                                            </a>
                                                            <div class="kt-menu__submenu kt-menu__submenu--classic kt-menu__submenu--right">
                                                                <ul class="kt-menu__subnav">
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link ">
                                                                            <i class="kt-menu__link-icon flaticon-add"></i><span class="kt-menu__link-text">File Upload</span>
                                                                            <span class="kt-menu__link-badge"><span class="kt-badge kt-badge--danger">3</span></span>
                                                                        </a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon flaticon-signs-1"></i><span class="kt-menu__link-text">File Attributes</span></a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon flaticon-folder"></i><span class="kt-menu__link-text">Folders</span></a>
                                                                    </li>
                                                                    <li class="kt-menu__item " aria-haspopup="true">
                                                                        <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon flaticon-cogwheel-2"></i><span class="kt-menu__link-text">System Settings</span></a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="kt-header-toolbar"> <a href="#" class="btn btn-wide btn-bold btn-danger btn-upper">Purchase</a> </div>
                                </div>
                                <!-- end: Header Menu -->
                            </div>
                        </div>
                    </div>
                    <!-- end:: Header -->
                    <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--ver kt-grid--stretch">
                        <div class="kt-container kt-body kt-grid kt-grid--ver" id="kt_body">
                            <!-- begin:: Aside -->
                            <button class="kt-aside-close " id="kt_aside_close_btn"><i class="la la-close"></i></button>
                            <div class="kt-aside kt-aside--skin-light kt-grid__item kt-grid kt-grid--desktop kt-grid--hor-desktop" id="kt_aside">
                                <!-- begin:: Aside Menu -->
                                <div class="kt-aside-menu-wrapper kt-grid__item kt-grid__item--fluid" id="kt_aside_menu_wrapper">
                                    <div id="kt_aside_menu" class="kt-aside-menu kt-aside-menu--skin-light " data-ktmenu-vertical="1" data-ktmenu-scroll="0" data-ktmenu-dropdown-timeout="500" >
                                        <ul class="kt-menu__nav ">
                                            <li class="kt-menu__item " aria-haspopup="true" >
                                                <a target="_blank" href="https://keenthemes.com/keen/preview/demo3/builder.html" class="kt-menu__link "><i class="kt-menu__link-icon fa fa-cog"></i><span class="kt-menu__link-text">Layout Builder</span></a>
                                            </li>
                                            <li class="kt-menu__section ">
                                                <h4 class="kt-menu__section-text">
                                                    Components
                                                </h4>
                                                <i class="kt-menu__section-icon flaticon-more-v2"></i> 
                                            </li>
                                            <li class="kt-menu__item " aria-haspopup="true" >
                                                <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon fa fa-database"></i><span class="kt-menu__link-text">Datatables</span></a>
                                            </li>
                                            <li class="kt-menu__item " aria-haspopup="true" >
                                                <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon fa fa-cube"></i><span class="kt-menu__link-text">Buttons</span></a>
                                            </li>
                                            <li class="kt-menu__item kt-menu__item--submenu" aria-haspopup="true" data-ktmenu-submenu-toggle="hover">
                                                <a href="javascript:;" class="kt-menu__link kt-menu__toggle"><i class="kt-menu__link-icon fa fa-dolly"></i><span class="kt-menu__link-text">Portlets</span><i class="kt-menu__ver-arrow la la-angle-right"></i></a>
                                                <div class="kt-menu__submenu ">
                                                    <span class="kt-menu__arrow"></span>
                                                    <ul class="kt-menu__subnav">
                                                        <li class="kt-menu__item kt-menu__item--parent" aria-haspopup="true" >
                                                            <span class="kt-menu__link"><span class="kt-menu__link-text">Portlets</span></span>
                                                        </li>
                                                        <li class="kt-menu__item " aria-haspopup="true" >
                                                            <a href="#" class="kt-menu__link ">
                                                                <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                <span class="kt-menu__link-text">Block UI</span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-menu__item " aria-haspopup="true" >
                                                            <a href="#" class="kt-menu__link ">
                                                                <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                <span class="kt-menu__link-text">Perfect Scroll</span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-menu__item " aria-haspopup="true" >
                                                            <a href="#" class="kt-menu__link ">
                                                                <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                <span class="kt-menu__link-text">Toastr</span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-menu__item " aria-haspopup="true" >
                                                            <a href="#" class="kt-menu__link ">
                                                                <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                <span class="kt-menu__link-text">SweetAlert2</span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-menu__item " aria-haspopup="true" >
                                                            <a href="#" class="kt-menu__link ">
                                                                <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                <span class="kt-menu__link-text">Session Timeout</span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-menu__item " aria-haspopup="true" >
                                                            <a href="#" class="kt-menu__link ">
                                                                <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                <span class="kt-menu__link-text">Idle Timer</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="kt-menu__item " aria-haspopup="true" >
                                                <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon fa fa-fill"></i><span class="kt-menu__link-text">Timeline</span></a>
                                            </li>
                                            <li class="kt-menu__section ">
                                                <h4 class="kt-menu__section-text">
                                                    Page Elements
                                                </h4>
                                                <i class="kt-menu__section-icon flaticon-more-v2"></i> 
                                            </li>
                                            <li class="kt-menu__item " aria-haspopup="true" >
                                                <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon fa fa-images"></i><span class="kt-menu__link-text">Widgets</span></a>
                                            </li>
                                            <li class="kt-menu__item " aria-haspopup="true" >
                                                <a href="#" class="kt-menu__link "><i class="kt-menu__link-icon fa fa-layer-group"></i><span class="kt-menu__link-text">Calendars</span></a>
                                            </li>
                                            <li class="kt-menu__item kt-menu__item--submenu" aria-haspopup="true" data-ktmenu-submenu-toggle="hover">
                                                <a href="javascript:;" class="kt-menu__link kt-menu__toggle"><i class="kt-menu__link-icon fa fa-table"></i><span class="kt-menu__link-text">Prising Tables</span><i class="kt-menu__ver-arrow la la-angle-right"></i></a>
                                                <div class="kt-menu__submenu ">
                                                    <span class="kt-menu__arrow"></span>
                                                    <ul class="kt-menu__subnav">
                                                        <li class="kt-menu__item kt-menu__item--parent" aria-haspopup="true" >
                                                            <span class="kt-menu__link"><span class="kt-menu__link-text">Prising Tables</span></span>
                                                        </li>
                                                        <li class="kt-menu__item " aria-haspopup="true" >
                                                            <a href="#" class="kt-menu__link ">
                                                                <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                <span class="kt-menu__link-text">Base</span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-menu__item " aria-haspopup="true" >
                                                            <a href="#" class="kt-menu__link ">
                                                                <i class="kt-menu__link-bullet kt-menu__link-bullet--dot"><span></span></i>
                                                                <span class="kt-menu__link-text">Draggable</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </li>
                                            <li class="kt-menu__item " aria-haspopup="true" >
                                                <a href="javascript:;" class="kt-menu__link "><i class="kt-menu__link-icon fa fa-poll"></i><span class="kt-menu__link-text">Invoice</span></a>
                                            </li>
                                            <li class="kt-menu__item " aria-haspopup="true" >
                                                <a href="javascript:;" class="kt-menu__link "><i class="kt-menu__link-icon fa fa-coins"></i><span class="kt-menu__link-text">Custom Pages</span></a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <!-- end:: Aside Menu -->
                            </div>
                            <!-- end:: Aside -->
                            <div class="kt-grid__item kt-grid__item--fluid kt-grid kt-grid--hor">
                                <!-- begin:: Subheader -->
                                <div class="kt-subheader kt-grid__item" id="kt_subheader">
                                    <div class="kt-subheader__main">
                                        <h3 class="kt-subheader__title">
                                            Dashboard
                                        </h3>
                                        <span class="kt-subheader__separator kt-hidden"></span> 
                                        <div class="kt-subheader__breadcrumbs">
                                            <a href="#" class="kt-subheader__breadcrumbs-home"><i class="flaticon2-shelter"></i></a>
                                            <span class="kt-subheader__breadcrumbs-separator"></span> <a href="" class="kt-subheader__breadcrumbs-link"> Dashboard </a> <span class="kt-subheader__breadcrumbs-separator"></span> <a href="" class="kt-subheader__breadcrumbs-link"> Aside Dashboard </a> 
                                            <!-- <span class="kt-subheader__breadcrumbs-link kt-subheader__breadcrumbs-link--active">Active link</span> -->
                                        </div>
                                    </div>
                                    <div class="kt-subheader__toolbar">
                                        <div class="kt-subheader__wrapper">
                                            <a href="#" class="btn btn-icon btn btn-label btn-label-brand btn-bold" data-toggle="kt-tooltip" title="Reports" data-placement="top"><i class="flaticon2-writing"></i></a>
                                            <a href="#" class="btn btn-icon btn btn-label btn-label-brand btn-bold" data-toggle="kt-tooltip" title="Calendar" data-placement="top"><i class="flaticon2-hourglass-1"></i></a>
                                            <div class="dropdown dropdown-inline" data-toggle="kt-tooltip" title="Quick actions" data-placement="top">
                                                <a href="#" class="btn btn-icon btn btn-label btn-label-brand btn-bold" data-toggle="dropdown" data-offset="0px,0px" aria-haspopup="true" aria-expanded="false"> <i class="flaticon2-add-1"></i> </a>
                                                <div class="dropdown-menu dropdown-menu-sm dropdown-menu-right">
                                                    <ul class="kt-nav kt-nav--active-bg" role="tablist">
                                                        <li class="kt-nav__item">
                                                            <a href="" class="kt-nav__link"> <i class="kt-nav__link-icon flaticon2-psd"></i> <span class="kt-nav__link-text">Document</span> </a>
                                                        </li>
                                                        <li class="kt-nav__item">
                                                            <a class="kt-nav__link" role="tab" > <i class="kt-nav__link-icon flaticon2-supermarket"></i> <span class="kt-nav__link-text">Message</span> </a>
                                                        </li>
                                                        <li class="kt-nav__item">
                                                            <a href="" class="kt-nav__link"> <i class="kt-nav__link-icon flaticon2-shopping-cart"></i> <span class="kt-nav__link-text">Product</span> </a>
                                                        </li>
                                                        <li class="kt-nav__item">
                                                            <a class="kt-nav__link" role="tab" >
                                                                <i class="kt-nav__link-icon flaticon2-chart2"></i> <span class="kt-nav__link-text">Report</span> 
                                                                <span class="kt-nav__link-badge"> <span class="kt-badge kt-badge--danger kt-badge--inline kt-badge--rounded">pdf</span> </span>
                                                            </a>
                                                        </li>
                                                        <li class="kt-nav__item">
                                                            <a href="" class="kt-nav__link"> <i class="kt-nav__link-icon flaticon2-sms"></i> <span class="kt-nav__link-text">Post</span> </a>
                                                        </li>
                                                        <li class="kt-nav__item">
                                                            <a href="" class="kt-nav__link"> <i class="kt-nav__link-icon flaticon2-avatar"></i> <span class="kt-nav__link-text">Customer</span> </a>
                                                        </li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <a href="#" class="btn btn-sm btn-elevate btn-brand btn-elevate" id="kt_dashboard_daterangepicker" data-toggle="kt-tooltip" title="" data-placement="left" data-original-title="Select dashboard daterange"> <span class="kt-opacity-7" id="kt_dashboard_daterangepicker_title">Today:</span>&nbsp; <span class="kt-font-bold" id="kt_dashboard_daterangepicker_date">Jan 11</span> <i class="flaticon-calendar-with-a-clock-time-tools kt-padding-l-5 kt-padding-r-0"></i> </a>
                                        </div>
                                    </div>
                                </div>
                                <!-- end:: Subheader -->
                                <!-- begin:: Content -->
                                <div class="kt-content kt-grid__item kt-grid__item--fluid">
                                    <!--begin::Dashboard 5-->
                                    <!--begin::Row-->
                                    <div class="row">
                                        <div class="col-lg-6 col-xl-4 order-lg-1 order-xl-1">
                                            <!--begin::Portlet-->
                                            <div class="kt-portlet kt-portlet--height-fluid kt-widget-10">
                                                <div class="kt-portlet__body">
                                                    <div class="kt-widget-10__wrapper">
                                                        <div class="kt-widget-10__details">
                                                            <div class="kt-widget-10__title">New Customers</div>
                                                            <div class="kt-widget-10__desc">28 Daily Avr</div>
                                                        </div>
                                                        <div class="kt-widget-10__num"> +958 </div>
                                                    </div>
                                                </div>
                                                <div class="kt-portlet__body kt-portlet__body--fit">
                                                    <div class="kt-widget-10__chart">
                                                        <!--Doc: For the chart initialization refer to "mediumCharts" function in "src\theme\app\scripts\custom\dashboard.js" -->
                                                        <canvas id="kt_widget_mini_chart_1" height="100"></canvas>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end::Portlet-->
                                        </div>
                                        <div class="col-lg-6 col-xl-4 order-lg-1 order-xl-1">
                                            <!--begin::Portlet-->
                                            <div class="kt-portlet kt-portlet--height-fluid kt-widget-10">
                                                <div class="kt-portlet__body">
                                                    <div class="kt-widget-10__wrapper">
                                                        <div class="kt-widget-10__details">
                                                            <div class="kt-widget-10__title">Sales Increase</div>
                                                            <div class="kt-widget-10__desc">92 Daily Avr</div>
                                                        </div>
                                                        <div class="kt-widget-10__num"> 75% </div>
                                                    </div>
                                                </div>
                                                <div class="kt-portlet__body kt-portlet__body--fit">
                                                    <div class="kt-widget-10__chart">
                                                        <!--Doc: For the chart initialization refer to "mediumCharts" function in "src\theme\app\scripts\custom\dashboard.js" -->
                                                        <canvas id="kt_widget_mini_chart_2" height="100"></canvas>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end::Portlet-->
                                        </div>
                                        <div class="col-lg-6 col-xl-4 order-lg-1 order-xl-1">
                                            <!--begin::Portlet-->
                                            <div class="kt-portlet kt-portlet--height-fluid kt-widget-10">
                                                <div class="kt-portlet__body">
                                                    <div class="kt-widget-10__wrapper">
                                                        <div class="kt-widget-10__details">
                                                            <div class="kt-widget-10__title">Weekly Orders</div>
                                                            <div class="kt-widget-10__desc">122 Daily Avr</div>
                                                        </div>
                                                        <div class="kt-widget-10__num"> 7,300 </div>
                                                    </div>
                                                </div>
                                                <div class="kt-portlet__body kt-portlet__body--fit">
                                                    <div class="kt-widget-10__chart">
                                                        <!--Doc: For the chart initialization refer to "mediumCharts" function in "src\theme\app\scripts\custom\dashboard.js" -->
                                                        <canvas id="kt_widget_mini_chart_3" height="100"></canvas>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end::Portlet-->
                                        </div>
                                        <div class="col-lg-6 col-xl-4 order-lg-1 order-xl-1">
                                            <!--begin::Portlet-->
                                            <div class="kt-portlet kt-portlet--height-fluid kt-widget-12">
                                                <div class="kt-portlet__body">
                                                    <div class="kt-widget-12__body">
                                                        <div class="kt-widget-12__head">
                                                            <div class="kt-widget-12__date kt-widget-12__date--success"> <span class="kt-widget-12__day">08</span> <span class="kt-widget-12__month">Dec</span> </div>
                                                            <div class="kt-widget-12__label">
                                                                <h3 class="kt-widget-12__title">
                                                                    AirGreat Presentation
                                                                </h3>
                                                                <span class="kt-widget-12__desc">Oxfort Street</span> 
                                                            </div>
                                                        </div>
                                                        <div class="kt-widget-12__info"> To start a blog, think of a topic about and first brainstorm ways to write details </div>
                                                    </div>
                                                </div>
                                                <div class="kt-portlet__foot kt-portlet__foot--md">
                                                    <div class="kt-portlet__foot-wrapper">
                                                        <div class="kt-portlet__foot-info">
                                                            <div class="kt-widget-12__members">
                                                                <a href="#" class="kt-widget-12__member" data-toggle="kt-tooltip" data-skin="brand" data-placement="top" title="John Myer">
                                                                    <img src="../assets/media/users/100_1.jpg" alt="image"/>
                                                                </a>
                                                                <a href="#" class="kt-widget-12__member" data-toggle="kt-tooltip" data-skin="brand" data-placement="top" title="Alison Brandy">
                                                                    <img src="../assets/media/users/100_10.jpg" alt="image"/>
                                                                </a>
                                                                <a href="#" class="kt-widget-12__member" data-toggle="kt-tooltip" data-skin="brand" data-placement="top" title="Selina Cranson">
                                                                    <img src="../assets/media/users/100_11.jpg" alt="image"/>
                                                                </a>
                                                                <a href="#" class="kt-widget-12__member" data-toggle="kt-tooltip" data-skin="brand" data-placement="top" title="Luke Walls">
                                                                    <img src="../assets/media/users/100_2.jpg" alt="image"/>
                                                                </a>
                                                                <a href="#" class="kt-widget-12__member" data-toggle="kt-tooltip" data-skin="brand" data-placement="top" title="Micheal York">
                                                                    <img src="../assets/media/users/100_3.jpg" alt="image"/>
                                                                </a>
                                                                <a href="#" class="kt-widget-12__member kt-widget-12__member--last"> +3 </a> 
                                                            </div>
                                                        </div>
                                                        <div class="kt-portlet__foot-toolbar"> <a href="#" class="btn btn-default btn-sm btn-bold btn-upper">Join</a> </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end::Portlet-->
                                        </div>
                                        <div class="col-lg-6 col-xl-4 order-lg-1 order-xl-1">
                                            <!--begin::Portlet-->
                                            <div class="kt-portlet kt-portlet--height-fluid kt-widget-12">
                                                <div class="kt-portlet__body">
                                                    <div class="kt-widget-12__body">
                                                        <div class="kt-widget-12__head">
                                                            <div class="kt-widget-12__date kt-widget-12__date--warning"> <span class="kt-widget-12__day">23</span> <span class="kt-widget-12__month">Dec</span> </div>
                                                            <div class="kt-widget-12__label">
                                                                <h3 class="kt-widget-12__title">
                                                                    Christmas Party
                                                                </h3>
                                                                <span class="kt-widget-12__desc">Bolton House</span> 
                                                            </div>
                                                        </div>
                                                        <div class="kt-widget-12__info"> To start a blog, think of a topic about and first brainstorm party is ways to write details </div>
                                                    </div>
                                                </div>
                                                <div class="kt-portlet__foot kt-portlet__foot--md">
                                                    <div class="kt-portlet__foot-wrapper">
                                                        <div class="kt-portlet__foot-info">
                                                            <div class="kt-widget-12__members">
                                                                <a href="#" class="kt-widget-12__member" data-toggle="kt-tooltip" data-skin="brand" data-placement="top" title="John Myer">
                                                                    <img src="../assets/media/users/100_1.jpg" alt="image"/>
                                                                </a>
                                                                <a href="#" class="kt-widget-12__member" data-toggle="kt-tooltip" data-skin="brand" data-placement="top" title="Alison Brandy">
                                                                    <img src="../assets/media/users/100_10.jpg" alt="image"/>
                                                                </a>
                                                                <a href="#" class="kt-widget-12__member" data-toggle="kt-tooltip" data-skin="brand" data-placement="top" title="Selina Cranson">
                                                                    <img src="../assets/media/users/100_11.jpg" alt="image"/>
                                                                </a>
                                                                <a href="#" class="kt-widget-12__member" data-toggle="kt-tooltip" data-skin="brand" data-placement="top" title="Luke Walls">
                                                                    <img src="../assets/media/users/100_2.jpg" alt="image"/>
                                                                </a>
                                                                <a href="#" class="kt-widget-12__member" data-toggle="kt-tooltip" data-skin="brand" data-placement="top" title="Micheal York">
                                                                    <img src="../assets/media/users/100_3.jpg" alt="image"/>
                                                                </a>
                                                                <a href="#" class="kt-widget-12__member kt-widget-12__member--last"> +10 </a> 
                                                            </div>
                                                        </div>
                                                        <div class="kt-portlet__foot-toolbar"> <a href="#" class="btn btn-default btn-sm btn-bold btn-upper">Join</a> </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end::Portlet-->
                                        </div>
                                        <div class="col-lg-6 col-xl-4 order-lg-1 order-xl-1">
                                            <!--begin::Portlet-->
                                            <div class="kt-portlet kt-portlet--height-fluid kt-widget-12">
                                                <div class="kt-portlet__body">
                                                    <div class="kt-widget-12__body">
                                                        <div class="kt-widget-12__head">
                                                            <div class="kt-widget-12__date kt-widget-12__date--focus"> <span class="kt-widget-12__day">05</span> <span class="kt-widget-12__month">Jan</span> </div>
                                                            <div class="kt-widget-12__label">
                                                                <h3 class="kt-widget-12__title">
                                                                    Outdoor Activity Day
                                                                </h3>
                                                                <span class="kt-widget-12__desc">South Suton</span> 
                                                            </div>
                                                        </div>
                                                        <div class="kt-widget-12__info"> To start a blog, think of a topic about and first brainstorm party is ways to write details </div>
                                                    </div>
                                                </div>
                                                <div class="kt-portlet__foot kt-portlet__foot--md">
                                                    <div class="kt-portlet__foot-wrapper">
                                                        <div class="kt-portlet__foot-info">
                                                            <div class="kt-widget-12__members">
                                                                <a href="#" class="kt-widget-12__member" data-toggle="kt-tooltip" data-skin="brand" data-placement="top" title="John Myer">
                                                                    <img src="../assets/media/users/100_1.jpg" alt="image"/>
                                                                </a>
                                                                <a href="#" class="kt-widget-12__member" data-toggle="kt-tooltip" data-skin="brand" data-placement="top" title="Alison Brandy">
                                                                    <img src="../assets/media/users/100_10.jpg" alt="image"/>
                                                                </a>
                                                                <a href="#" class="kt-widget-12__member" data-toggle="kt-tooltip" data-skin="brand" data-placement="top" title="Selina Cranson">
                                                                    <img src="../assets/media/users/100_11.jpg" alt="image"/>
                                                                </a>
                                                                <a href="#" class="kt-widget-12__member" data-toggle="kt-tooltip" data-skin="brand" data-placement="top" title="Luke Walls">
                                                                    <img src="../assets/media/users/100_2.jpg" alt="image"/>
                                                                </a>
                                                                <a href="#" class="kt-widget-12__member" data-toggle="kt-tooltip" data-skin="brand" data-placement="top" title="Micheal York">
                                                                    <img src="../assets/media/users/100_3.jpg" alt="image"/>
                                                                </a>
                                                                <a href="#" class="kt-widget-12__member kt-widget-12__member--last"> +7 </a> 
                                                            </div>
                                                        </div>
                                                        <div class="kt-portlet__foot-toolbar"> <a href="#" class="btn btn-default btn-sm btn-bold btn-upper">Join</a> </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end::Portlet-->
                                        </div>
                                        <div class="col-lg-6 col-xl-4 order-lg-1 order-xl-1">
                                            <!--begin::Portlet-->
                                            <div class="kt-portlet kt-portlet--height-fluid">
                                                <div class="kt-portlet__head">
                                                    <div class="kt-portlet__head-label">
                                                        <h3 class="kt-portlet__head-title">
                                                            Top Products
                                                        </h3>
                                                    </div>
                                                    <div class="kt-portlet__head-toolbar">
                                                        <div class="kt-portlet__head-toolbar-wrapper">
                                                            <div class="dropdown dropdown-inline">
                                                                <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                                <div class="dropdown-menu dropdown-menu-right">
                                                                    <ul class="kt-nav">
                                                                        <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">Export Tools</span> </li>
                                                                        <li class="kt-nav__item">
                                                                            <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-print"></i> <span class="kt-nav__link-text">Print</span> </a>
                                                                        </li>
                                                                        <li class="kt-nav__item">
                                                                            <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                        </li>
                                                                        <li class="kt-nav__item">
                                                                            <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                        </li>
                                                                        <li class="kt-nav__item">
                                                                            <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-text-o"></i> <span class="kt-nav__link-text">CSV</span> </a>
                                                                        </li>
                                                                        <li class="kt-nav__item">
                                                                            <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-pdf-o"></i> <span class="kt-nav__link-text">PDF</span> </a>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="kt-portlet__body">
                                                    <div class="kt-widget-1">
                                                        <ul class="nav nav-pills nav-tabs-btn nav-pills-btn-brand" role="tablist">
                                                            <li class="nav-item">
                                                                <a class="nav-link active" data-toggle="tab" href="#kt_tabs_19_15c7a02fc63736" role="tab">
                                                                    <span class="nav-link-icon"><i class="flaticon2-graphic"></i></span>
                                                                    <span class="nav-link-title">Settings</span> 
                                                                </a>
                                                            </li>
                                                            <li class="nav-item">
                                                                <a class="nav-link" data-toggle="tab" href="#kt_tabs_19_25c7a02fc63736" role="tab">
                                                                    <span class="nav-link-icon"><i class="flaticon2-position"></i></span>
                                                                    <span class="nav-link-title">Code</span> 
                                                                </a>
                                                            </li>
                                                            <li class="nav-item">
                                                                <a class="nav-link" data-toggle="tab" href="#kt_tabs_19_35c7a02fc63736" role="tab">
                                                                    <span class="nav-link-icon"><i class="flaticon2-layers-1"></i></span>
                                                                    <span class="nav-link-title">Design</span> 
                                                                </a>
                                                            </li>
                                                        </ul>
                                                        <div class="tab-content">
                                                            <div class="tab-pane fade active show" id="kt_tabs_19_15c7a02fc63736" role="tabpanel">
                                                                <div class="kt-widget-1__item">
                                                                    <div class="kt-widget-1__item-info">
                                                                        <a href="#" class="kt-widget-1__item-title"> HTML 5 Templates </a> 
                                                                        <div class="kt-widget-1__item-desc">Font-end,Admin & Email</div>
                                                                    </div>
                                                                    <div class="kt-widget-1__item-stats">
                                                                        <div class="kt-widget-1__item-value">+79%</div>
                                                                        <div class="kt-widget-1__item-progress">
                                                                            <div class="progress">
                                                                                <div class="progress-bar bg-danger" role="progressbar" style="width: 79%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-1__item">
                                                                    <div class="kt-widget-1__item-info">
                                                                        <a href="#" class="kt-widget-1__item-title"> Wordpress Themes </a> 
                                                                        <div class="kt-widget-1__item-desc">eCommerce Website, Plugin</div>
                                                                    </div>
                                                                    <div class="kt-widget-1__item-stats">
                                                                        <div class="kt-widget-1__item-value">+21%</div>
                                                                        <div class="kt-widget-1__item-progress">
                                                                            <div class="progress">
                                                                                <div class="progress-bar bg-brand" role="progressbar" style="width: 60%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-1__item">
                                                                    <div class="kt-widget-1__item-info">
                                                                        <a href="#" class="kt-widget-1__item-title">eCommerce Websites</a> 
                                                                        <div class="kt-widget-1__item-desc">Shops, Fasion wep sites & atc</div>
                                                                    </div>
                                                                    <div class="kt-widget-1__item-stats">
                                                                        <div class="kt-widget-1__item-value">-16%</div>
                                                                        <div class="kt-widget-1__item-progress">
                                                                            <div class="progress">
                                                                                <div class="progress-bar bg-success" role="progressbar" style="width: 80%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-1__item">
                                                                    <div class="kt-widget-1__item-info">
                                                                        <a href="#" class="kt-widget-1__item-title">UI/UX Design</a> 
                                                                        <div class="kt-widget-1__item-desc">Evrything you ever imagine</div>
                                                                    </div>
                                                                    <div class="kt-widget-1__item-stats">
                                                                        <div class="kt-widget-1__item-value">+4%</div>
                                                                        <div class="kt-widget-1__item-progress">
                                                                            <div class="progress">
                                                                                <div class="progress-bar bg-focus" role="progressbar" style="width: 90%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-1__item">
                                                                    <div class="kt-widget-1__item-info">
                                                                        <a href="#" class="kt-widget-1__item-title">Freebie Themes</a> 
                                                                        <div class="kt-widget-1__item-desc">Font-end & Admin</div>
                                                                    </div>
                                                                    <div class="kt-widget-1__item-stats">
                                                                        <div class="kt-widget-1__item-value">+34</div>
                                                                        <div class="kt-widget-1__item-progress">
                                                                            <div class="progress">
                                                                                <div class="progress-bar bg-warning" role="progressbar" style="width: 40%;" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="tab-pane fade" id="kt_tabs_19_25c7a02fc63736" role="tabpanel">
                                                                <div class="kt-widget-1__item">
                                                                    <div class="kt-widget-1__item-info">
                                                                        <a href="#" class="kt-widget-1__item-title">UI/UX Design</a> 
                                                                        <div class="kt-widget-1__item-desc">Evrything you ever imagine</div>
                                                                    </div>
                                                                    <div class="kt-widget-1__item-stats">
                                                                        <div class="kt-widget-1__item-value">+4%</div>
                                                                        <div class="kt-widget-1__item-progress">
                                                                            <div class="progress">
                                                                                <div class="progress-bar bg-focus" role="progressbar" style="width: 90%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-1__item">
                                                                    <div class="kt-widget-1__item-info">
                                                                        <a href="#" class="kt-widget-1__item-title">HTML 5 Templates</a> 
                                                                        <div class="kt-widget-1__item-desc">Font-end,Admin & Email</div>
                                                                    </div>
                                                                    <div class="kt-widget-1__item-stats">
                                                                        <div class="kt-widget-1__item-value">+79%</div>
                                                                        <div class="kt-widget-1__item-progress">
                                                                            <div class="progress">
                                                                                <div class="progress-bar bg-danger" role="progressbar" style="width: 79%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-1__item">
                                                                    <div class="kt-widget-1__item-info">
                                                                        <a href="#" class="kt-widget-1__item-title">Wordpress Themes</a> 
                                                                        <div class="kt-widget-1__item-desc">eCommerce Website, Plugin</div>
                                                                    </div>
                                                                    <div class="kt-widget-1__item-stats">
                                                                        <div class="kt-widget-1__item-value">+21%</div>
                                                                        <div class="kt-widget-1__item-progress">
                                                                            <div class="progress">
                                                                                <div class="progress-bar bg-brand" role="progressbar" style="width: 60%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-1__item">
                                                                    <div class="kt-widget-1__item-info">
                                                                        <a href="#" class="kt-widget-1__item-title">eCommerce Websites</a> 
                                                                        <div class="kt-widget-1__item-desc">Shops, Fasion wep sites & atc</div>
                                                                    </div>
                                                                    <div class="kt-widget-1__item-stats">
                                                                        <div class="kt-widget-1__item-value">-16%</div>
                                                                        <div class="kt-widget-1__item-progress">
                                                                            <div class="progress">
                                                                                <div class="progress-bar bg-success" role="progressbar" style="width: 80%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-1__item">
                                                                    <div class="kt-widget-1__item-info">
                                                                        <a href="#" class="kt-widget-1__item-title">Freebie Themes</a> 
                                                                        <div class="kt-widget-1__item-desc">Font-end & Admin</div>
                                                                    </div>
                                                                    <div class="kt-widget-1__item-stats">
                                                                        <div class="kt-widget-1__item-value">+34</div>
                                                                        <div class="kt-widget-1__item-progress">
                                                                            <div class="progress">
                                                                                <div class="progress-bar bg-info" role="progressbar" style="width: 40%;" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="tab-pane fade" id="kt_tabs_19_35c7a02fc63736" role="tabpanel">
                                                                <div class="kt-widget-1__item">
                                                                    <div class="kt-widget-1__item-info">
                                                                        <a href="#" class="kt-widget-1__item-title">eCommerce Websites</a> 
                                                                        <div class="kt-widget-1__item-desc">Shops, Fasion wep sites & atc</div>
                                                                    </div>
                                                                    <div class="kt-widget-1__item-stats">
                                                                        <div class="kt-widget-1__item-value">-16%</div>
                                                                        <div class="kt-widget-1__item-progress">
                                                                            <div class="progress">
                                                                                <div class="progress-bar bg-success" role="progressbar" style="width: 80%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-1__item">
                                                                    <div class="kt-widget-1__item-info">
                                                                        <a href="#" class="kt-widget-1__item-title">UI/UX Design</a> 
                                                                        <div class="kt-widget-1__item-desc">Evrything you ever imagine</div>
                                                                    </div>
                                                                    <div class="kt-widget-1__item-stats">
                                                                        <div class="kt-widget-1__item-value">+4%</div>
                                                                        <div class="kt-widget-1__item-progress">
                                                                            <div class="progress">
                                                                                <div class="progress-bar bg-focus" role="progressbar" style="width: 90%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-1__item">
                                                                    <div class="kt-widget-1__item-info">
                                                                        <a href="#" class="kt-widget-1__item-title">Latest Trends</a> 
                                                                        <div class="kt-widget-1__item-desc">eCommerce Website, Plugin</div>
                                                                    </div>
                                                                    <div class="kt-widget-1__item-stats">
                                                                        <div class="kt-widget-1__item-value">+34%</div>
                                                                        <div class="kt-widget-1__item-progress">
                                                                            <div class="progress">
                                                                                <div class="progress-bar bg-warning" role="progressbar" style="width: 50%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-1__item">
                                                                    <div class="kt-widget-1__item-info">
                                                                        <a href="#" class="kt-widget-1__item-title">HTML 5 Templates</a> 
                                                                        <div class="kt-widget-1__item-desc">Font-end,Admin & Email</div>
                                                                    </div>
                                                                    <div class="kt-widget-1__item-stats">
                                                                        <div class="kt-widget-1__item-value">+79%</div>
                                                                        <div class="kt-widget-1__item-progress">
                                                                            <div class="progress">
                                                                                <div class="progress-bar bg-danger" role="progressbar" style="width: 79%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-1__item">
                                                                    <div class="kt-widget-1__item-info">
                                                                        <a href="#" class="kt-widget-1__item-title">Freebie Themes</a> 
                                                                        <div class="kt-widget-1__item-desc">Font-end & Admin</div>
                                                                    </div>
                                                                    <div class="kt-widget-1__item-stats">
                                                                        <div class="kt-widget-1__item-value">+34</div>
                                                                        <div class="kt-widget-1__item-progress">
                                                                            <div class="progress">
                                                                                <div class="progress-bar bg-info" role="progressbar" style="width: 40%;" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end::Portlet-->
                                        </div>
                                        <div class="col-lg-12 col-xl-8 order-lg-2 order-xl-1">
                                            <!--begin::Portlet-->
                                            <div class="kt-portlet kt-portlet--height-fluid">
                                                <div class="kt-portlet__head">
                                                    <div class="kt-portlet__head-label">
                                                        <h3 class="kt-portlet__head-title">
                                                            Revenue Growth
                                                        </h3>
                                                    </div>
                                                    <div class="kt-portlet__head-toolbar">
                                                        <div class="kt-portlet__head-toolbar-wrapper">
                                                            <div class="dropdown dropdown-inline">
                                                                <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                                <div class="dropdown-menu dropdown-menu-right">
                                                                    <ul class="kt-nav">
                                                                        <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">Export Tools</span> </li>
                                                                        <li class="kt-nav__item">
                                                                            <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-print"></i> <span class="kt-nav__link-text">Print</span> </a>
                                                                        </li>
                                                                        <li class="kt-nav__item">
                                                                            <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                        </li>
                                                                        <li class="kt-nav__item">
                                                                            <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                        </li>
                                                                        <li class="kt-nav__item">
                                                                            <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-text-o"></i> <span class="kt-nav__link-text">CSV</span> </a>
                                                                        </li>
                                                                        <li class="kt-nav__item">
                                                                            <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-pdf-o"></i> <span class="kt-nav__link-text">PDF</span> </a>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="kt-portlet__body kt-portlet__body--fluid">
                                                    <div class="kt-widget-9">
                                                        <div class="kt-widget-9__panel">
                                                            <div class="kt-widget-9__legends">
                                                                <div class="kt-widget-9__legend">
                                                                    <div class="kt-widget-9__legend-bullet kt-bg-brand"></div>
                                                                    <div class="kt-widget-9__legend-label">Author</div>
                                                                </div>
                                                                <div class="kt-widget-9__legend">
                                                                    <div class="kt-widget-9__legend-bullet kt-label-bg-color-1"></div>
                                                                    <div class="kt-widget-9__legend-label">Customer</div>
                                                                </div>
                                                            </div>
                                                            <div class="kt-widget-9__toolbar">
                                                                <div class="dropdown dropdown-inline">
                                                                    <button type="button" class="btn btn-default dropdown-toggle btn-font-sm btn-bold btn-upper" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> August </button>
                                                                    <div class="dropdown-menu dropdown-menu-right">
                                                                        <ul class="kt-nav">
                                                                            <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">Export Tools</span> </li>
                                                                            <li class="kt-nav__item">
                                                                                <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-print"></i> <span class="kt-nav__link-text">Print</span> </a>
                                                                            </li>
                                                                            <li class="kt-nav__item">
                                                                                <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                            </li>
                                                                            <li class="kt-nav__item">
                                                                                <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                            </li>
                                                                            <li class="kt-nav__item">
                                                                                <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-text-o"></i> <span class="kt-nav__link-text">CSV</span> </a>
                                                                            </li>
                                                                            <li class="kt-nav__item">
                                                                                <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-pdf-o"></i> <span class="kt-nav__link-text">PDF</span> </a>
                                                                            </li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="kt-widget-9__chart">
                                                            <canvas id="kt_chart_revenue_growth" height="300"></canvas>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end::Portlet-->
                                        </div>
                                        <div class="col-lg-6 col-xl-4 order-lg-1 order-xl-1">
                                            <!--begin::Portlet-->
                                            <div class="kt-portlet kt-portlet--height-fluid">
                                                <div class="kt-portlet__head">
                                                    <div class="kt-portlet__head-label">
                                                        <h3 class="kt-portlet__head-title">
                                                            Top Categories
                                                        </h3>
                                                    </div>
                                                    <div class="kt-portlet__head-toolbar">
                                                        <div class="kt-portlet__head-toolbar-wrapper">
                                                            <div class="dropdown dropdown-inline">
                                                                <button type="button" class="btn btn-clean btn-sm btn-icon btn-icon-md" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="flaticon-more-1"></i> </button>
                                                                <div class="dropdown-menu dropdown-menu-right">
                                                                    <ul class="kt-nav">
                                                                        <li class="kt-nav__section kt-nav__section--first"> <span class="kt-nav__section-text">Export Tools</span> </li>
                                                                        <li class="kt-nav__item">
                                                                            <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-print"></i> <span class="kt-nav__link-text">Print</span> </a>
                                                                        </li>
                                                                        <li class="kt-nav__item">
                                                                            <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-copy"></i> <span class="kt-nav__link-text">Copy</span> </a>
                                                                        </li>
                                                                        <li class="kt-nav__item">
                                                                            <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-excel-o"></i> <span class="kt-nav__link-text">Excel</span> </a>
                                                                        </li>
                                                                        <li class="kt-nav__item">
                                                                            <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-text-o"></i> <span class="kt-nav__link-text">CSV</span> </a>
                                                                        </li>
                                                                        <li class="kt-nav__item">
                                                                            <a href="#" class="kt-nav__link"> <i class="kt-nav__link-icon la la-file-pdf-o"></i> <span class="kt-nav__link-text">PDF</span> </a>
                                                                        </li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="kt-portlet__body">
                                                    <div class="kt-widget-16">
                                                        <div class="kt-widget-16__item kt-widget-16__item--info">
                                                            <div class="kt-widget-16__labels">
                                                                <a href="">
                                                                    <div class="kt-widget-16__title">Templates</div>
                                                                </a>
                                                                <div class="kt-widget-16__desc">Front-end, Admin</div>
                                                            </div>
                                                            <div class="kt-widget-16__data">
                                                                <div class="kt-widget-16__item-chart">
                                                                    <!--Doc: For the chart initialization refer to "latestProductsMiniCharts" function in "src\theme\app\scripts\custom\dashboard.js"
                         and "KLib.initMiniChart()" function in "themes/themes/keen/src/theme/app/scripts/bundle/lib.js" -->
                                                                    <canvas id="kt_widget_latest_products_chart_1" width="80" height="40"></canvas>
                                                                </div>
                                                                <div class="kt-widget-16__numbers">
                                                                    <div class="kt-widget-16__numbers-total">5.7k</div>
                                                                    <div class="kt-widget-16__numbers-change">+780</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="kt-widget-16__item kt-widget-16__item--danger">
                                                            <div class="kt-widget-16__labels">
                                                                <a href="">
                                                                    <div class="kt-widget-16__title">Wordpress</div>
                                                                </a>
                                                                <div class="kt-widget-16__desc">eCommerce, Website</div>
                                                            </div>
                                                            <div class="kt-widget-16__data">
                                                                <div class="kt-widget-16__item-chart">
                                                                    <!--Doc: For the chart initialization refer to "latestProductsMiniCharts" function in "src\theme\app\scripts\custom\dashboard.js"
                         and "KLib.initMiniChart()" function in "themes/themes/keen/src/theme/app/scripts/bundle/lib.js" -->
                                                                    <canvas id="kt_widget_latest_products_chart_6" width="80" height="40"></canvas>
                                                                </div>
                                                                <div class="kt-widget-16__numbers">
                                                                    <div class="kt-widget-16__numbers-total">2.8k</div>
                                                                    <div class="kt-widget-16__numbers-change">+350</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="kt-widget-16__item kt-widget-16__item--warning">
                                                            <div class="kt-widget-16__labels">
                                                                <a href="">
                                                                    <div class="kt-widget-16__title">eCommerce</div>
                                                                </a>
                                                                <div class="kt-widget-16__desc">Fashion Websites</div>
                                                            </div>
                                                            <div class="kt-widget-16__data">
                                                                <div class="kt-widget-16__item-chart">
                                                                    <!--Doc: For the chart initialization refer to "latestProductsMiniCharts" function in "src\theme\app\scripts\custom\dashboard.js"
                         and "KLib.initMiniChart()" function in "themes/themes/keen/src/theme/app/scripts/bundle/lib.js" -->
                                                                    <canvas id="kt_widget_latest_products_chart_3" width="80" height="40"></canvas>
                                                                </div>
                                                                <div class="kt-widget-16__numbers">
                                                                    <div class="kt-widget-16__numbers-total">9.3k</div>
                                                                    <div class="kt-widget-16__numbers-change">+2.1k</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="kt-widget-16__item kt-widget-16__item--brand">
                                                            <div class="kt-widget-16__labels">
                                                                <a href="">
                                                                    <div class="kt-widget-16__title">UI/UX Design</div>
                                                                </a>
                                                                <div class="kt-widget-16__desc">Everything you like</div>
                                                            </div>
                                                            <div class="kt-widget-16__data">
                                                                <div class="kt-widget-16__item-chart">
                                                                    <!--Doc: For the chart initialization refer to "latestProductsMiniCharts" function in "src\theme\app\scripts\custom\dashboard.js"
                         and "KLib.initMiniChart()" function in "themes/themes/keen/src/theme/app/scripts/bundle/lib.js" -->
                                                                    <canvas id="kt_widget_latest_products_chart_5" width="80" height="40"></canvas>
                                                                </div>
                                                                <div class="kt-widget-16__numbers">
                                                                    <div class="kt-widget-16__numbers-total">9.3k</div>
                                                                    <div class="kt-widget-16__numbers-change">+1.6k</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="kt-widget-16__item kt-widget-16__item--success">
                                                            <div class="kt-widget-16__labels">
                                                                <a href="">
                                                                    <div class="kt-widget-16__title">SAAS Solution</div>
                                                                </a>
                                                                <div class="kt-widget-16__desc">Monthly Subscription</div>
                                                            </div>
                                                            <div class="kt-widget-16__data">
                                                                <div class="kt-widget-16__item-chart">
                                                                    <!--Doc: For the chart initialization refer to "latestProductsMiniCharts" function in "src\theme\app\scripts\custom\dashboard.js"
                         and "KLib.initMiniChart()" function in "themes/themes/keen/src/theme/app/scripts/bundle/lib.js" -->
                                                                    <canvas id="kt_widget_latest_products_chart_4" width="80" height="40"></canvas>
                                                                </div>
                                                                <div class="kt-widget-16__numbers">
                                                                    <div class="kt-widget-16__numbers-total">5.7k</div>
                                                                    <div class="kt-widget-16__numbers-change">+598</div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end::Portlet-->
                                        </div>
                                        <div class="col-lg-12 col-xl-8 order-lg-2 order-xl-1">
                                            <!--begin::Portlet-->
                                            <div class="kt-portlet kt-portlet--height-fluid-half kt-widget-14">
                                                <div class="kt-portlet__body">
                                                    <!-- Doc: The bootstrap carousel is a slideshow for cycling through a series of content, see https://getbootstrap.com/docs/4.1/components/carousel/ -->
                                                    <div id="kt-widget-slider-14-1" class="kt-slider carousel slide" data-ride="carousel" data-interval="8000">
                                                        <div class="kt-slider__head">
                                                            <div class="kt-slider__label">New Products</div>
                                                            <div class="kt-slider__nav">
                                                                <a class="kt-slider__nav-prev carousel-control-prev" href="#kt-widget-slider-14-1" role="button" data-slide="prev"> <i class="fa fa-angle-left"></i> </a>
                                                                <a class="kt-slider__nav-next carousel-control-next" href="#kt-widget-slider-14-1" role="button" data-slide="next"> <i class="fa fa-angle-right"></i> </a>
                                                            </div>
                                                        </div>
                                                        <div class="carousel-inner">
                                                            <div class="carousel-item active">
                                                                <div class="kt-widget-14__body">
                                                                    <div class="kt-widget-14__product">
                                                                        <div class="kt-widget-14__thumb">
                                                                            <a href="#">
                                                                                <img src="../assets/media/blog/1.jpg" class="kt-widget-14__image--landscape" alt="" title="" />
                                                                            </a>
                                                                        </div>
                                                                        <div class="kt-widget-14__content">
                                                                            <a href="#">
                                                                                <h3 class="kt-widget-14__title">
                                                                                    Active Smartwatch
                                                                                </h3>
                                                                            </a>
                                                                            <div class="kt-widget-14__desc"> Beautifully designed watch that helps you track your fitness and diet – while keeping you motivated! </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="kt-widget-14__data">
                                                                        <div class="kt-widget-14__info">
                                                                            <div class="kt-widget-14__info-title kt-font-brand">246</div>
                                                                            <div class="kt-widget-14__desc">Purchases</div>
                                                                        </div>
                                                                        <div class="kt-widget-14__info">
                                                                            <div class="kt-widget-14__info-title">37</div>
                                                                            <div class="kt-widget-14__desc">Reviews</div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-14__foot">
                                                                    <div class="kt-widget-14__foot-info">
                                                                        <div class="kt-widget-14__foot-label btn btn-sm btn-label-brand btn-bold"> 24 Nov, 2018 </div>
                                                                        <div class="kt-widget-14__foot-desc">Date of Release</div>
                                                                    </div>
                                                                    <div class="kt-widget-14__foot-toolbar"> <a href="#" class="btn btn-default btn-sm btn-bold btn-upper">Preview</a> <a href="#" class="btn btn-default btn-sm btn-bold btn-upper">Details</a> </div>
                                                                </div>
                                                            </div>
                                                            <div class="carousel-item">
                                                                <div class="kt-widget-14__body">
                                                                    <div class="kt-widget-14__product">
                                                                        <div class="kt-widget-14__thumb">
                                                                            <a href="#">
                                                                                <img src="../assets/media/blog/2.jpg" class="kt-widget-14__image--landscape" alt="" title="" />
                                                                            </a>
                                                                        </div>
                                                                        <div class="kt-widget-14__content">
                                                                            <a href="#">
                                                                                <h3 class="kt-widget-14__title">
                                                                                    DSLR Lens
                                                                                </h3>
                                                                            </a>
                                                                            <div class="kt-widget-14__desc"> Wide-angle, Quick Focus. Emphasis is on modern lenses for 35 mm film SLRs and for DSLRs with sensor sizes less than or equal to 35 mm. </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="kt-widget-14__data">
                                                                        <div class="kt-widget-14__info">
                                                                            <div class="kt-widget-14__info-title kt-font-brand">142</div>
                                                                            <div class="kt-widget-14__desc">Purchases</div>
                                                                        </div>
                                                                        <div class="kt-widget-14__info">
                                                                            <div class="kt-widget-14__info-title">25</div>
                                                                            <div class="kt-widget-14__desc">Reviews</div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-14__foot">
                                                                    <div class="kt-widget-14__foot-info">
                                                                        <div class="kt-widget-14__foot-label btn btn-sm btn-label-brand btn-bold"> 24 Nov, 2018 </div>
                                                                        <div class="kt-widget-14__foot-desc">Date of Release</div>
                                                                    </div>
                                                                    <div class="kt-widget-14__foot-toolbar"> <a href="#" class="btn btn-default btn-sm btn-bold btn-upper">Preview</a> <a href="#" class="btn btn-default btn-sm btn-bold btn-upper">Details</a> </div>
                                                                </div>
                                                            </div>
                                                            <div class="carousel-item">
                                                                <div class="kt-widget-14__body">
                                                                    <div class="kt-widget-14__product">
                                                                        <div class="kt-widget-14__thumb">
                                                                            <a href="#">
                                                                                <img src="../assets/media/blog/4.jpg" class="kt-widget-14__image--landscape" alt="" title="" />
                                                                            </a>
                                                                        </div>
                                                                        <div class="kt-widget-14__content">
                                                                            <a href="#">
                                                                                <h3 class="kt-widget-14__title">
                                                                                    Polaroid Camera
                                                                                </h3>
                                                                            </a>
                                                                            <div class="kt-widget-14__desc"> Instant is back! Make photos fun again with the new range of Polaroid Instant Cameras with Vintage Effects and Built in Flash </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="kt-widget-14__data">
                                                                        <div class="kt-widget-14__info">
                                                                            <div class="kt-widget-14__info-title kt-font-brand">3578</div>
                                                                            <div class="kt-widget-14__desc">Purchases</div>
                                                                        </div>
                                                                        <div class="kt-widget-14__info">
                                                                            <div class="kt-widget-14__info-title">457</div>
                                                                            <div class="kt-widget-14__desc">Reviews</div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-14__foot">
                                                                    <div class="kt-widget-14__foot-info">
                                                                        <div class="kt-widget-14__foot-label btn btn-sm btn-label-brand btn-bold"> 24 Nov, 2018 </div>
                                                                        <div class="kt-widget-14__foot-desc">Date of Release</div>
                                                                    </div>
                                                                    <div class="kt-widget-14__foot-toolbar"> <a href="#" class="btn btn-default btn-sm btn-bold btn-upper">Preview</a> <a href="#" class="btn btn-default btn-sm btn-bold btn-upper">Details</a> </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end::Portlet-->
                                            <!--begin::Portlet-->
                                            <div class="kt-portlet kt-portlet--height-fluid-half kt-widget-15">
                                                <div class="kt-portlet__body">
                                                    <!-- Doc: The bootstrap carousel is a slideshow for cycling through a series of content, see https://getbootstrap.com/docs/4.1/components/carousel/ -->
                                                    <div id="kt-widget-slider-14-2" class="kt-slider carousel slide" data-ride="carousel" data-interval="8000">
                                                        <div class="kt-slider__head">
                                                            <div class="kt-slider__label">New Authors</div>
                                                            <div class="kt-slider__nav">
                                                                <a class="kt-slider__nav-prev carousel-control-prev" href="#kt-widget-slider-14-2" role="button" data-slide="prev"> <i class="fa fa-angle-left"></i> </a>
                                                                <a class="kt-slider__nav-next carousel-control-next" href="#kt-widget-slider-14-2" role="button" data-slide="next"> <i class="fa fa-angle-right"></i> </a>
                                                            </div>
                                                        </div>
                                                        <div class="carousel-inner">
                                                            <div class="carousel-item active">
                                                                <div class="kt-widget-15__body">
                                                                    <div class="kt-widget-15__author">
                                                                        <div class="kt-widget-15__photo">
                                                                            <a href="#">
                                                                                <img src="../assets/media/users/100_14.jpg" alt="" title="" />
                                                                            </a>
                                                                        </div>
                                                                        <div class="kt-widget-15__detail">
                                                                            <a href="#" class="kt-widget-15__name">Andy John</a> 
                                                                            <div class="kt-widget-15__desc"> AngularJS Expert </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="kt-widget-15__wrapper">
                                                                        <div class="kt-widget-15__info">
                                                                            <a href="#" class="btn btn-icon btn-sm btn-circle btn-success"><i class="fa fa-envelope"></i></a>
                                                                            <a href="#" class="kt-widget-15__info--item">sale@boatline.com</a> 
                                                                        </div>
                                                                        <div class="kt-widget-15__info">
                                                                            <a href="#" class="btn btn-icon btn-sm btn-circle btn-brand"><i class="fa fa-phone"></i></a>
                                                                            <a href="#" class="kt-widget-15__info--item">(+44) 345 345 4705</a> 
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-15__foot">
                                                                    <div class="kt-widget-15__foot-info">
                                                                        <div class="kt-widget-15__foot-label btn btn-sm btn-label-brand btn-bold"> 01 Sep, 2018 </div>
                                                                        <div class="kt-widget-15__foot-desc">Joined Date</div>
                                                                    </div>
                                                                    <div class="kt-widget-15__foot-toolbar"> <a href="#" class="btn btn-default btn-sm btn-bold btn-upper">Message</a> <a href="#" class="btn btn-default btn-sm btn-bold btn-upper">Profile</a> </div>
                                                                </div>
                                                            </div>
                                                            <div class="carousel-item">
                                                                <div class="kt-widget-15__body">
                                                                    <div class="kt-widget-15__author">
                                                                        <div class="kt-widget-15__photo">
                                                                            <a href="#">
                                                                                <img src="../assets/media/users/100_3.jpg" alt="" title="" />
                                                                            </a>
                                                                        </div>
                                                                        <div class="kt-widget-15__detail">
                                                                            <a href="#" class="kt-widget-15__name">Patrick Smith</a> 
                                                                            <div class="kt-widget-15__desc"> ReactJS Expert </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="kt-widget-15__wrapper">
                                                                        <div class="kt-widget-15__info">
                                                                            <a href="#" class="btn btn-icon btn-sm btn-circle btn-success"><i class="fa fa-envelope"></i></a>
                                                                            <a href="#" class="kt-widget-15__info--item">patrick@boatline.com</a> 
                                                                        </div>
                                                                        <div class="kt-widget-15__info">
                                                                            <a href="#" class="btn btn-icon btn-sm btn-circle btn-brand"><i class="fa fa-phone"></i></a>
                                                                            <a href="#" class="kt-widget-15__info--item">(+44) 345 345 5574</a> 
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-15__foot">
                                                                    <div class="kt-widget-15__foot-info">
                                                                        <div class="kt-widget-15__foot-label btn btn-sm btn-label-brand btn-bold"> 01 Sep, 2018 </div>
                                                                        <div class="kt-widget-15__foot-desc">Joined Date</div>
                                                                    </div>
                                                                    <div class="kt-widget-15__foot-toolbar"> <a href="#" class="btn btn-default btn-sm btn-bold btn-upper">Message</a> <a href="#" class="btn btn-default btn-sm btn-bold btn-upper">Profile</a> </div>
                                                                </div>
                                                            </div>
                                                            <div class="carousel-item">
                                                                <div class="kt-widget-15__body">
                                                                    <div class="kt-widget-15__author">
                                                                        <div class="kt-widget-15__photo">
                                                                            <a href="#">
                                                                                <img src="../assets/media/users/100_7.jpg" alt="" title="" />
                                                                            </a>
                                                                        </div>
                                                                        <div class="kt-widget-15__detail">
                                                                            <a href="#" class="kt-widget-15__name">Amanda Collin</a> 
                                                                            <div class="kt-widget-15__desc"> Project Manager </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="kt-widget-15__wrapper">
                                                                        <div class="kt-widget-15__info">
                                                                            <a href="#" class="btn btn-icon btn-sm btn-circle btn-success"><i class="fa fa-envelope"></i></a>
                                                                            <a href="#" class="kt-widget-15__info--item">amanda@boatline.com</a> 
                                                                        </div>
                                                                        <div class="kt-widget-15__info">
                                                                            <a href="#" class="btn btn-icon btn-sm btn-circle btn-brand"><i class="fa fa-phone"></i></a>
                                                                            <a href="#" class="kt-widget-15__info--item">(+44) 345 345 1247</a> 
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-15__foot">
                                                                    <div class="kt-widget-15__foot-info">
                                                                        <div class="kt-widget-15__foot-label btn btn-sm btn-label-brand btn-bold"> 01 Sep, 2018 </div>
                                                                        <div class="kt-widget-15__foot-desc">Joined Date</div>
                                                                    </div>
                                                                    <div class="kt-widget-15__foot-toolbar"> <a href="#" class="btn btn-default btn-sm btn-bold btn-upper">Message</a> <a href="#" class="btn btn-default btn-sm btn-bold btn-upper">Profile</a> </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end::Portlet-->
                                        </div>
                                        <div class="col-lg-12 col-xl-4 order-lg-2 order-xl-1">
                                            <!--begin::Portlet-->
                                            <div class="kt-portlet kt-portlet--tabs kt-portlet--height-fluid">
                                                <div class="kt-portlet__head">
                                                    <div class="kt-portlet__head-label">
                                                        <h3 class="kt-portlet__head-title">
                                                            Work Progress 
                                                        </h3>
                                                    </div>
                                                    <div class="kt-portlet__head-toolbar">
                                                        <ul class="nav nav-tabs nav-tabs-line nav-tabs-line-brand nav-tabs-bold" role="tablist">
                                                            <li class="nav-item"> <a class="nav-link active show" data-toggle="tab" href="#kt_portlet_tabs_1111_1_content" role="tab" aria-selected="false"> Emails </a> </li>
                                                            <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#kt_portlet_tabs_1111_2_content" role="tab" aria-selected="false"> Tickets </a> </li>
                                                        </ul>
                                                    </div>
                                                </div>
                                                <div class="kt-portlet__body">
                                                    <div class="tab-content">
                                                        <div class="tab-pane fade active show" id="kt_portlet_tabs_1111_1_content" role="tabpanel">
                                                            <div class="kt-widget-11">
                                                                <div class="kt-widget-11__item">
                                                                    <div class="kt-widget-11__wrapper">
                                                                        <div class="kt-widget-11__title"> Pendings Tasks </div>
                                                                        <div class="kt-widget-11__value"> 78% </div>
                                                                    </div>
                                                                    <div class="kt-widget-11__progress">
                                                                        <div class="progress">
                                                                            <!-- Doc: A bootstrap progress bar can be used to show a user how far along it's in a process, see https://getbootstrap.com/docs/4.1/components/progress/ -->
                                                                            <div class="progress-bar bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-11__item">
                                                                    <div class="kt-widget-11__wrapper">
                                                                        <div class="kt-widget-11__title"> Completed Tasks </div>
                                                                        <div class="kt-widget-11__value"> 320&nbsp;/&nbsp;<span class="kt-opacity-5">780</span> </div>
                                                                    </div>
                                                                    <div class="kt-widget-11__progress">
                                                                        <div class="progress">
                                                                            <!-- Doc: A bootstrap progress bar can be used to show a user how far along it's in a process, see https://getbootstrap.com/docs/4.1/components/progress/ -->
                                                                            <div class="progress-bar bg-primary" role="progressbar" style="width: 55%" aria-valuenow="55" aria-valuemin="0" aria-valuemax="100"></div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-11__item">
                                                                    <div class="kt-widget-11__wrapper">
                                                                        <div class="kt-widget-11__title"> Tasks In Progress </div>
                                                                        <div class="kt-widget-11__value"> 45% </div>
                                                                    </div>
                                                                    <div class="kt-widget-11__progress">
                                                                        <div class="progress">
                                                                            <!-- Doc: A bootstrap progress bar can be used to show a user how far along it's in a process, see https://getbootstrap.com/docs/4.1/components/progress/ -->
                                                                            <div class="progress-bar bg-danger" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-11__item">
                                                                    <div class="kt-widget-11__wrapper">
                                                                        <div class="kt-widget-11__title"> All Tasks </div>
                                                                        <div class="kt-widget-11__value"> 1200 </div>
                                                                    </div>
                                                                    <div class="kt-widget-11__progress">
                                                                        <div class="progress">
                                                                            <!-- Doc: A bootstrap progress bar can be used to show a user how far along it's in a process, see https://getbootstrap.com/docs/4.1/components/progress/ -->
                                                                            <div class="progress-bar bg-warning" role="progressbar" style="width: 60%" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"></div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-11__item">
                                                                    <div class="kt-widget-11__wrapper">
                                                                        <div class="kt-widget-11__title"> Reports </div>
                                                                        <div class="kt-widget-11__value"> 40 </div>
                                                                    </div>
                                                                    <div class="kt-widget-11__progress">
                                                                        <div class="progress">
                                                                            <!-- Doc: A bootstrap progress bar can be used to show a user how far along it's in a process, see https://getbootstrap.com/docs/4.1/components/progress/ -->
                                                                            <div class="progress-bar bg-primary" role="progressbar" style="width: 40%" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"></div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="kt-margin-t-30 kt-align-center"> <a href="#" class="btn btn-brand btn-upper btn-bold kt-align-center">Full Report</a> </div>
                                                        </div>
                                                        <div class="tab-pane fade" id="kt_portlet_tabs_1111_2_content" role="tabpanel">
                                                            <div class="kt-widget-11">
                                                                <div class="kt-widget-11__item">
                                                                    <div class="kt-widget-11__wrapper">
                                                                        <div class="kt-widget-11__title"> Pendings Tasks </div>
                                                                        <div class="kt-widget-11__value"> 78% </div>
                                                                    </div>
                                                                    <div class="kt-widget-11__progress">
                                                                        <div class="progress">
                                                                            <!-- Doc: A bootstrap progress bar can be used to show a user how far along it's in a process, see https://getbootstrap.com/docs/4.1/components/progress/ -->
                                                                            <div class="progress-bar bg-info" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-11__item">
                                                                    <div class="kt-widget-11__wrapper">
                                                                        <div class="kt-widget-11__title"> Completed Tasks </div>
                                                                        <div class="kt-widget-11__value"> 320&nbsp;/&nbsp;<span class="kt-opacity-5">780</span> </div>
                                                                    </div>
                                                                    <div class="kt-widget-11__progress">
                                                                        <div class="progress">
                                                                            <!-- Doc: A bootstrap progress bar can be used to show a user how far along it's in a process, see https://getbootstrap.com/docs/4.1/components/progress/ -->
                                                                            <div class="progress-bar bg-danger" role="progressbar" style="width: 58%" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100"></div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-11__item">
                                                                    <div class="kt-widget-11__wrapper">
                                                                        <div class="kt-widget-11__title"> Tasks In Progress </div>
                                                                        <div class="kt-widget-11__value"> 45% </div>
                                                                    </div>
                                                                    <div class="kt-widget-11__progress">
                                                                        <div class="progress">
                                                                            <!-- Doc: A bootstrap progress bar can be used to show a user how far along it's in a process, see https://getbootstrap.com/docs/4.1/components/progress/ -->
                                                                            <div class="progress-bar bg-warning" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-11__item">
                                                                    <div class="kt-widget-11__wrapper">
                                                                        <div class="kt-widget-11__title"> All Tasks </div>
                                                                        <div class="kt-widget-11__value"> 1200 </div>
                                                                    </div>
                                                                    <div class="kt-widget-11__progress">
                                                                        <div class="progress">
                                                                            <!-- Doc: A bootstrap progress bar can be used to show a user how far along it's in a process, see https://getbootstrap.com/docs/4.1/components/progress/ -->
                                                                            <div class="progress-bar bg-success" role="progressbar" style="width: 20%" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100"></div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="kt-widget-11__item">
                                                                    <div class="kt-widget-11__wrapper">
                                                                        <div class="kt-widget-11__title"> Reports </div>
                                                                        <div class="kt-widget-11__value"> 40 </div>
                                                                    </div>
                                                                    <div class="kt-widget-11__progress">
                                                                        <div class="progress">
                                                                            <!-- Doc: A bootstrap progress bar can be used to show a user how far along it's in a process, see https://getbootstrap.com/docs/4.1/components/progress/ -->
                                                                            <div class="progress-bar bg-primary" role="progressbar" style="width: 40%" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"></div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="kt-margin-t-30 kt-align-center"> <a href="#" class="btn btn-brand btn-upper btn-bold kt-align-center">Full Report</a> </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <!--end::Portlet-->
                                        </div>
                                        <div class="col-lg-12 col-xl-8 order-lg-2 order-xl-1">
                                            <!--begin::Portlet-->
                                            <div class="kt-portlet kt-portlet--height-fluid">
                                                <div class="kt-portlet__head kt-portlet__head--lg kt-portlet__head--noborder kt-portlet__head--break-sm">
                                                    <div class="kt-portlet__head-label">
                                                        <h3 class="kt-portlet__head-title">
                                                            Recent Orders <small>32500 total</small>
                                                        </h3>
                                                    </div>
                                                    <div class="kt-portlet__head-toolbar">
                                                        <div class="kt-portlet__head-wrapper kt-form">
                                                            <div class="kt-form__group kt-form__group--inline kt-margin-r-10">
                                                                <div class="kt-form__label">Sort By:</div>
                                                                <div class="kt-form__control" style="width: 160px;">
                                                                    <select class="form-control bootstrap-select" id="kt_form_status" title="Status">
                                                                        <option value="1">Pending</option>
                                                                        <option value="2">Delivered</option>
                                                                        <option value="3">Canceled</option>
                                                                        <option value="4">Success</option>
                                                                        <option value="5">Info</option>
                                                                        <option value="6">Danger</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <a href="#" class="btn btn-brand btn-upper btn-bold">New Record</a> 
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="kt-portlet__body kt-portlet__body--fit">
                                                    <!--Doc: For the datatable initialization refer to "recentOrdersInit" function in "src\theme\app\scripts\custom\dashboard.js" -->
                                                    <div class="kt-datatable" id="kt_recent_orders"></div>
                                                </div>
                                            </div>
                                            <!--end::Portlet-->
                                        </div>
                                    </div>
                                    <!--end::Row-->
                                    <!--end::Dashboard 5-->
                                </div>
                                <!-- end:: Content -->
                            </div>
                        </div>
                    </div>
                    <!-- begin:: Footer -->
                    <div class="kt-footer kt-grid__item" style="background-image: url(../assets/demo/demo3/media/layout/footer-bg.jpg)" id="kt_footer">
                        <div class="kt-container">
                            <div class="kt-footer__top">
                                <div class="row">
                                    <div class="col-lg-4">
                                        <div class="kt-footer__section">
                                            <h3 class="kt-footer__title">
                                                About
                                            </h3>
                                            <div class="kt-footer__about"> We truly hope that our love and dedication to produce an incredibly powerful high level solution suits all your project needs. We will continue to deliver incredible enterprise ready solutions to serve you better. </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="kt-footer__section">
                                            <h3 class="kt-footer__title">
                                                Quick Links
                                            </h3>
                                            <div class="row">
                                                <div class="col">
                                                    <ul class="kt-footer__nav">
                                                        <li><a href="#" class="kt-link">Pravicy Policy</a></li>
                                                        <li><a href="#" class="kt-link">Terms & Conditions</a></li>
                                                        <li><a href="#" class="kt-link">Help Center</a></li>
                                                    </ul>
                                                </div>
                                                <div class="col">
                                                    <ul class="kt-footer__nav">
                                                        <li><a href="#" class="kt-link">Community</a></li>
                                                        <li><a href="#" class="kt-link">Documentation</a></li>
                                                        <li><a href="#" class="kt-link">Support</a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-lg-4">
                                        <div class="kt-footer__section">
                                            <h3 class="kt-footer__title">
                                                Get In Touch
                                            </h3>
                                            <form action="#" class="kt-footer__subscribe">
                                                <div class="kt-input-icon kt-input-icon--right">
                                                    <input type="text" class="form-control" placeholder="Subscribe...">
                                                    <span class="kt-input-icon__icon kt-input-icon__icon--right">
                                                        <span><i class="la la-arrow-right"></i></span>
                                                    </span>
                                                </div>
                                            </form>
                                            <div class="kt-footer__social">
                                                <div class="kt-footer__social-label"> Social links: </div>
                                                <ul class="kt-footer__social-nav">
                                                    <li>
                                                        <a href="#"><i class="flaticon-facebook-logo-button"></i></a>
                                                    </li>
                                                    <li>
                                                        <a href="#"><i class="flaticon-twitter-logo-button"></i></a>
                                                    </li>
                                                    <li>
                                                        <a href="#"><i class="flaticon-instagram-logo"></i></a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="kt-footer__bottom">
                                <div class="kt-footer__copyright"> 2018&nbsp;&copy;&nbsp;<a href="http://keenthemes.com/keen" target="_blank" class="kt-link">Keenthemes Inc</a> </div>
                                <div class="kt-footer__menu"> <a href="http://keenthemes.com/keen" target="_blank" class="kt-link">About</a> <a href="http://keenthemes.com/keen" target="_blank" class="kt-link">Team</a> <a href="http://keenthemes.com/keen" target="_blank" class="kt-link">Contact</a> </div>
                            </div>
                        </div>
                    </div>
                    <!-- end:: Footer -->
                </div>
            </div>
        </div>
        <!-- end:: Page -->
        <!-- begin:: Topbar Offcanvas Panels -->
        <!-- begin::Offcanvas Toolbar Quick Actions -->
        <div id="kt_offcanvas_toolbar_quick_actions" class="kt-offcanvas-panel">
            <div class="kt-offcanvas-panel__head">
                <h3 class="kt-offcanvas-panel__title">
                    Quick Actions 
                </h3>
                <a href="#" class="kt-offcanvas-panel__close" id="kt_offcanvas_toolbar_quick_actions_close"><i class="flaticon2-delete"></i></a>
            </div>
            <div class="kt-offcanvas-panel__body">
                <div class="kt-grid-nav-v2">
                    <a href="#" class="kt-grid-nav-v2__item">
                        <div class="kt-grid-nav-v2__item-icon"><i class="flaticon2-box"></i></div>
                        <div class="kt-grid-nav-v2__item-title">Orders</div>
                    </a>
                    <a href="#" class="kt-grid-nav-v2__item">
                        <div class="kt-grid-nav-v2__item-icon"><i class="flaticon-download-1"></i></div>
                        <div class="kt-grid-nav-v2__item-title">Uploades</div>
                    </a>
                    <a href="#" class="kt-grid-nav-v2__item">
                        <div class="kt-grid-nav-v2__item-icon"><i class="flaticon2-supermarket"></i></div>
                        <div class="kt-grid-nav-v2__item-title">Products</div>
                    </a>
                    <a href="#" class="kt-grid-nav-v2__item">
                        <div class="kt-grid-nav-v2__item-icon"><i class="flaticon2-avatar"></i></div>
                        <div class="kt-grid-nav-v2__item-title">Customers</div>
                    </a>
                    <a href="#" class="kt-grid-nav-v2__item">
                        <div class="kt-grid-nav-v2__item-icon"><i class="flaticon2-list"></i></div>
                        <div class="kt-grid-nav-v2__item-title">Blog Posts</div>
                    </a>
                    <a href="#" class="kt-grid-nav-v2__item">
                        <div class="kt-grid-nav-v2__item-icon"><i class="flaticon2-settings"></i></div>
                        <div class="kt-grid-nav-v2__item-title">Settings</div>
                    </a>
                </div>
            </div>
        </div>
        <!-- end::Offcanvas Toolbar Quick Actions -->
        <!-- end:: Topbar Offcanvas Panels -->
        <!-- begin:: Quick Panel -->
        <div id="kt_quick_panel" class="kt-offcanvas-panel">
            <div class="kt-offcanvas-panel__nav">
                <ul class="nav nav-pills" role="tablist">
                    <li class="nav-item active"> <a class="nav-link active" data-toggle="tab" href="#kt_quick_panel_tab_notifications" role="tab">Notifications</a> </li>
                    <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#kt_quick_panel_tab_actions" role="tab">Actions</a> </li>
                    <li class="nav-item"> <a class="nav-link" data-toggle="tab" href="#kt_quick_panel_tab_settings" role="tab">Settings</a> </li>
                </ul>
                <button class="kt-offcanvas-panel__close" id="kt_quick_panel_close_btn"><i class="flaticon2-delete"></i></button>
            </div>
            <div class="kt-offcanvas-panel__body">
                <div class="tab-content">
                    <div class="tab-pane fade show kt-offcanvas-panel__content kt-scroll active" id="kt_quick_panel_tab_notifications" role="tabpanel">
                        <!--Begin::Timeline -->
                        <div class="kt-timeline">
                            <!--Begin::Item -->
                            <div class="kt-timeline__item kt-timeline__item--success">
                                <div class="kt-timeline__item-section">
                                    <div class="kt-timeline__item-section-border">
                                        <div class="kt-timeline__item-section-icon"> <i class="flaticon-feed kt-font-success"></i> </div>
                                    </div>
                                    <span class="kt-timeline__item-datetime">02:30 PM</span> 
                                </div>
                                <a href="" class="kt-timeline__item-text"> KeenThemes created new layout whith tens of new options for Keen Admin panel </a> 
                                <div class="kt-timeline__item-info"> HTML,CSS,VueJS </div>
                            </div>
                            <!--End::Item -->
                            <!--Begin::Item -->
                            <div class="kt-timeline__item kt-timeline__item--danger">
                                <div class="kt-timeline__item-section">
                                    <div class="kt-timeline__item-section-border">
                                        <div class="kt-timeline__item-section-icon"> <i class="flaticon-safe-shield-protection kt-font-danger"></i> </div>
                                    </div>
                                    <span class="kt-timeline__item-datetime">01:20 AM</span> 
                                </div>
                                <a href="" class="kt-timeline__item-text"> New secyrity alert by Firewall & order to take aktion on User Preferences </a> 
                                <div class="kt-timeline__item-info"> Security, Fieewall </div>
                            </div>
                            <!--End::Item -->
                            <!--Begin::Item -->
                            <div class="kt-timeline__item kt-timeline__item--brand">
                                <div class="kt-timeline__item-section">
                                    <div class="kt-timeline__item-section-border">
                                        <div class="kt-timeline__item-section-icon"> <i class="flaticon2-box kt-font-brand"></i> </div>
                                    </div>
                                    <span class="kt-timeline__item-datetime">Yestardey</span> 
                                </div>
                                <a href="" class="kt-timeline__item-text"> FlyMore design mock-ups been uploadet by designers Bob, Naomi, Richard </a> 
                                <div class="kt-timeline__item-info"> PSD, Sketch, AJ </div>
                            </div>
                            <!--End::Item -->
                            <!--Begin::Item -->
                            <div class="kt-timeline__item kt-timeline__item--warning">
                                <div class="kt-timeline__item-section">
                                    <div class="kt-timeline__item-section-border">
                                        <div class="kt-timeline__item-section-icon"> <i class="flaticon-pie-chart-1 kt-font-warning"></i> </div>
                                    </div>
                                    <span class="kt-timeline__item-datetime">Aug 13,2018</span> 
                                </div>
                                <a href="" class="kt-timeline__item-text">
                                    Meeting with Ken Digital Corp ot Unit14, 3 Edigor Buildings, George Street, Loondon
                                    <br>
                                    England, BA12FJ 
                                </a>
                                <div class="kt-timeline__item-info"> Meeting, Customer </div>
                            </div>
                            <!--End::Item -->
                            <!--Begin::Item -->
                            <div class="kt-timeline__item kt-timeline__item--info">
                                <div class="kt-timeline__item-section">
                                    <div class="kt-timeline__item-section-border">
                                        <div class="kt-timeline__item-section-icon"> <i class="flaticon-notepad kt-font-info"></i> </div>
                                    </div>
                                    <span class="kt-timeline__item-datetime">May 09, 2018</span> 
                                </div>
                                <a href="" class="kt-timeline__item-text"> KeenThemes created new layout whith tens of new options for Keen Admin panel </a> 
                                <div class="kt-timeline__item-info"> HTML,CSS,VueJS </div>
                            </div>
                            <!--End::Item -->
                            <!--Begin::Item -->
                            <div class="kt-timeline__item kt-timeline__item--accent">
                                <div class="kt-timeline__item-section">
                                    <div class="kt-timeline__item-section-border">
                                        <div class="kt-timeline__item-section-icon" > <i class="flaticon-bell kt-font-success"></i> </div>
                                    </div>
                                    <span class="kt-timeline__item-datetime">01:20 AM</span> 
                                </div>
                                <a href="" class="kt-timeline__item-text"> New secyrity alert by Firewall & order to take aktion on User Preferences </a> 
                                <div class="kt-timeline__item-info"> Security, Fieewall </div>
                            </div>
                            <!--End::Item -->
                        </div>
                        <!--End::Timeline -->
                    </div>
                    <div class="tab-pane fade kt-offcanvas-panel__content kt-scroll" id="kt_quick_panel_tab_actions" role="tabpanel">
                        <!--begin::Portlet-->
                        <div class="kt-portlet kt-portlet--solid-success">
                            <div class="kt-portlet__head">
                                <div class="kt-portlet__head-label">
                                    <span class="kt-portlet__head-icon kt-hide"><i class="flaticon-stopwatch"></i></span>
                                    <h3 class="kt-portlet__head-title">
                                        Recent Bills
                                    </h3>
                                </div>
                                <div class="kt-portlet__head-toolbar">
                                    <div class="kt-portlet__head-group">
                                        <div class="dropdown dropdown-inline">
                                            <button type="button" class="btn btn-sm btn-font-light btn-outline-hover-light btn-circle btn-icon" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <i class="flaticon-more"></i> </button>
                                            <div class="dropdown-menu dropdown-menu-right">
                                                <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> 
                                                <div class="dropdown-divider"></div>
                                                <a class="dropdown-item" href="#">Separated link</a> 
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="kt-portlet__body">
                                <div class="kt-portlet__content"> Lorem Ipsum is simply dummy text of the printing and typesetting simply dummy text of the printing industry. </div>
                            </div>
                            <div class="kt-portlet__foot kt-portlet__foot--sm kt-align-right"> <a href="#" class="btn btn-bold btn-upper btn-sm btn-font-light btn-outline-hover-light">Dismiss</a> <a href="#" class="btn btn-bold btn-upper btn-sm btn-font-light btn-outline-hover-light">View</a> </div>
                        </div>
                        <!--end::Portlet-->
                        <!--begin::Portlet-->
                        <div class="kt-portlet kt-portlet--solid-focus">
                            <div class="kt-portlet__head">
                                <div class="kt-portlet__head-label">
                                    <span class="kt-portlet__head-icon kt-hide"><i class="flaticon-stopwatch"></i></span>
                                    <h3 class="kt-portlet__head-title">
                                        Latest Orders
                                    </h3>
                                </div>
                                <div class="kt-portlet__head-toolbar">
                                    <div class="kt-portlet__head-group">
                                        <div class="dropdown dropdown-inline">
                                            <button type="button" class="btn btn-sm btn-font-light btn-outline-hover-light btn-circle btn-icon" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <i class="flaticon-more"></i> </button>
                                            <div class="dropdown-menu dropdown-menu-right">
                                                <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> 
                                                <div class="dropdown-divider"></div>
                                                <a class="dropdown-item" href="#">Separated link</a> 
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="kt-portlet__body">
                                <div class="kt-portlet__content"> Lorem Ipsum is simply dummy text of the printing and typesetting simply dummy text of the printing industry. </div>
                            </div>
                            <div class="kt-portlet__foot kt-portlet__foot--sm kt-align-right"> <a href="#" class="btn btn-bold btn-upper btn-sm btn-font-light btn-outline-hover-light">Dismiss</a> <a href="#" class="btn btn-bold btn-upper btn-sm btn-font-light btn-outline-hover-light">View</a> </div>
                        </div>
                        <!--end::Portlet-->
                        <!--begin::Portlet-->
                        <div class="kt-portlet kt-portlet--solid-info">
                            <div class="kt-portlet__head">
                                <div class="kt-portlet__head-label">
                                    <h3 class="kt-portlet__head-title">
                                        Latest Invoices
                                    </h3>
                                </div>
                                <div class="kt-portlet__head-toolbar">
                                    <div class="kt-portlet__head-group">
                                        <div class="dropdown dropdown-inline">
                                            <button type="button" class="btn btn-sm btn-font-light btn-outline-hover-light btn-circle btn-icon" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <i class="flaticon-more"></i> </button>
                                            <div class="dropdown-menu dropdown-menu-right">
                                                <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> 
                                                <div class="dropdown-divider"></div>
                                                <a class="dropdown-item" href="#">Separated link</a> 
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="kt-portlet__body">
                                <div class="kt-portlet__content"> Lorem Ipsum is simply dummy text of the printing and typesetting simply dummy text of the printing industry. </div>
                            </div>
                            <div class="kt-portlet__foot kt-portlet__foot--sm kt-align-right"> <a href="#" class="btn btn-bold btn-upper btn-sm btn-font-light btn-outline-hover-light">Dismiss</a> <a href="#" class="btn btn-bold btn-upper btn-sm btn-font-light btn-outline-hover-light">View</a> </div>
                        </div>
                        <!--end::Portlet-->
                        <!--begin::Portlet-->
                        <div class="kt-portlet kt-portlet--solid-warning">
                            <div class="kt-portlet__head">
                                <div class="kt-portlet__head-label">
                                    <h3 class="kt-portlet__head-title">
                                        New Comments
                                    </h3>
                                </div>
                                <div class="kt-portlet__head-toolbar">
                                    <div class="kt-portlet__head-group">
                                        <div class="dropdown dropdown-inline">
                                            <button type="button" class="btn btn-sm btn-font-light btn-outline-hover-light btn-circle btn-icon" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <i class="flaticon-more"></i> </button>
                                            <div class="dropdown-menu dropdown-menu-right">
                                                <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> 
                                                <div class="dropdown-divider"></div>
                                                <a class="dropdown-item" href="#">Separated link</a> 
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="kt-portlet__body">
                                <div class="kt-portlet__content"> Lorem Ipsum is simply dummy text of the printing and typesetting simply dummy text of the printing industry. </div>
                            </div>
                            <div class="kt-portlet__foot kt-portlet__foot--sm kt-align-right"> <a href="#" class="btn btn-bold btn-upper btn-sm btn-font-light btn-outline-hover-light">Dismiss</a> <a href="#" class="btn btn-bold btn-upper btn-sm btn-font-light btn-outline-hover-light">View</a> </div>
                        </div>
                        <!--end::Portlet-->
                        <!--begin::Portlet-->
                        <div class="kt-portlet kt-portlet--solid-brand">
                            <div class="kt-portlet__head">
                                <div class="kt-portlet__head-label">
                                    <h3 class="kt-portlet__head-title">
                                        Recent Posts
                                    </h3>
                                </div>
                                <div class="kt-portlet__head-toolbar">
                                    <div class="kt-portlet__head-group">
                                        <div class="dropdown dropdown-inline">
                                            <button type="button" class="btn btn-sm btn-font-light btn-outline-hover-light btn-circle btn-icon" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> <i class="flaticon-more"></i> </button>
                                            <div class="dropdown-menu dropdown-menu-right">
                                                <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> 
                                                <div class="dropdown-divider"></div>
                                                <a class="dropdown-item" href="#">Separated link</a> 
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="kt-portlet__body">
                                <div class="kt-portlet__content"> Lorem Ipsum is simply dummy text of the printing and typesetting simply dummy text of the printing industry. </div>
                            </div>
                            <div class="kt-portlet__foot kt-portlet__foot--sm kt-align-right"> <a href="#" class="btn btn-bold btn-upper btn-sm btn-font-light btn-outline-hover-light">Dismiss</a> <a href="#" class="btn btn-bold btn-upper btn-sm btn-font-light btn-outline-hover-light">View</a> </div>
                        </div>
                        <!--end::Portlet-->
                    </div>
                    <div class="tab-pane fade kt-offcanvas-panel__content kt-scroll" id="kt_quick_panel_tab_settings" role="tabpanel">
                        <form class="kt-form">
                            <div class="kt-heading kt-heading--space-sm">Notifications</div>
                            <div class="form-group form-group-xs row">
                                <label class="col-8 col-form-label">Enable notifications:</label>
                                <div class="col-4 kt-align-right">
                                    <span class="kt-switch kt-switch--sm">
                                        <label>
                                            <input type="checkbox" checked="checked" name="quick_panel_notifications_1">
                                            <span></span> 
                                        </label>
                                    </span>
                                </div>
                            </div>
                            <div class="form-group form-group-xs row">
                                <label class="col-8 col-form-label">Enable audit log:</label>
                                <div class="col-4 kt-align-right">
                                    <span class="kt-switch kt-switch--sm">
                                        <label>
                                            <input type="checkbox" name="quick_panel_notifications_2">
                                            <span></span> 
                                        </label>
                                    </span>
                                </div>
                            </div>
                            <div class="form-group form-group-last form-group-xs row">
                                <label class="col-8 col-form-label">Notify on new orders:</label>
                                <div class="col-4 kt-align-right">
                                    <span class="kt-switch kt-switch--sm">
                                        <label>
                                            <input type="checkbox" checked="checked" name="quick_panel_notifications_2">
                                            <span></span> 
                                        </label>
                                    </span>
                                </div>
                            </div>
                            <div class="kt-separator kt-separator--space-md kt-separator--border-dashed"></div>
                            <div class="kt-heading kt-heading--space-sm">Orders</div>
                            <div class="form-group form-group-xs row">
                                <label class="col-8 col-form-label">Enable order tracking:</label>
                                <div class="col-4 kt-align-right">
                                    <span class="kt-switch kt-switch--sm kt-switch--danger">
                                        <label>
                                            <input type="checkbox" checked="checked" name="quick_panel_notifications_3">
                                            <span></span> 
                                        </label>
                                    </span>
                                </div>
                            </div>
                            <div class="form-group form-group-xs row">
                                <label class="col-8 col-form-label">Enable orders reports:</label>
                                <div class="col-4 kt-align-right">
                                    <span class="kt-switch kt-switch--sm kt-switch--danger">
                                        <label>
                                            <input type="checkbox" name="quick_panel_notifications_3">
                                            <span></span> 
                                        </label>
                                    </span>
                                </div>
                            </div>
                            <div class="form-group form-group-last form-group-xs row">
                                <label class="col-8 col-form-label">Allow order status auto update:</label>
                                <div class="col-4 kt-align-right">
                                    <span class="kt-switch kt-switch--sm kt-switch--danger">
                                        <label>
                                            <input type="checkbox" checked="checked" name="quick_panel_notifications_4">
                                            <span></span> 
                                        </label>
                                    </span>
                                </div>
                            </div>
                            <div class="kt-separator kt-separator--space-md kt-separator--border-dashed"></div>
                            <div class="kt-heading kt-heading--space-sm">Customers</div>
                            <div class="form-group form-group-xs row">
                                <label class="col-8 col-form-label">Enable customer singup:</label>
                                <div class="col-4 kt-align-right">
                                    <span class="kt-switch kt-switch--sm kt-switch--success">
                                        <label>
                                            <input type="checkbox" checked="checked" name="quick_panel_notifications_5">
                                            <span></span> 
                                        </label>
                                    </span>
                                </div>
                            </div>
                            <div class="form-group form-group-xs row">
                                <label class="col-8 col-form-label">Enable customers reporting:</label>
                                <div class="col-4 kt-align-right">
                                    <span class="kt-switch kt-switch--sm kt-switch--success">
                                        <label>
                                            <input type="checkbox" name="quick_panel_notifications_5">
                                            <span></span> 
                                        </label>
                                    </span>
                                </div>
                            </div>
                            <div class="form-group form-group-last form-group-xs row">
                                <label class="col-8 col-form-label">Notifiy on new customer registration:</label>
                                <div class="col-4 kt-align-right">
                                    <span class="kt-switch kt-switch--sm kt-switch--success">
                                        <label>
                                            <input type="checkbox" checked="checked" name="quick_panel_notifications_6">
                                            <span></span> 
                                        </label>
                                    </span>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- end:: Quick Panel -->
        <!-- begin:: Scrolltop -->
        <div id="kt_scrolltop" class="kt-scrolltop"> <i class="la la-arrow-up"></i> </div>
        <!-- end:: Scrolltop -->
        <!-- begin:: Demo Toolbar -->
        <ul class="kt-sticky-toolbar" style="margin-top: 30px;">
            <li class="kt-sticky-toolbar__item kt-sticky-toolbar__item--demo-toggle" id="kt_demo_panel_toggle" data-toggle="kt-tooltip" title="Check out more demos" data-placement="right"> <a href="#" class="">Demos</a> </li>
            <li class="kt-sticky-toolbar__item kt-sticky-toolbar__item--builder" data-toggle="kt-tooltip" title="Layout Builder" data-placement="left">
                <a href="https://keenthemes.com/keen/preview/demo3/builder.html" target="_blank"><i class="flaticon2-box"></i></a>
            </li>
            <li class="kt-sticky-toolbar__item kt-sticky-toolbar__item--docs" data-toggle="kt-tooltip" title="Documentation" data-placement="left">
                <a href="https://keenthemes.com/keen/?page=docs" target="_blank"><i class="flaticon2-file"></i></a>
            </li>
        </ul>
        <!-- end:: Demo Toolbar -->
        <!-- begin::Demo Panel -->
        <div id="kt_demo_panel" class="kt-demo-panel">
            <div class="kt-demo-panel__head">
                <h3 class="kt-demo-panel__title">
                    Select A Demo 
                    <!--<small>5</small>-->
                </h3>
                <a href="#" class="kt-demo-panel__close" id="kt_demo_panel_close"><i class="flaticon2-delete"></i></a>
            </div>
            <div class="kt-demo-panel__body">
                <div class="kt-demo-panel__item ">
                    <div class="kt-demo-panel__item-title"> Default </div>
                    <div class="kt-demo-panel__item-preview">
                        <img src="../assets/media/demos-mini/default.png" alt=""/>
                        <div class="kt-demo-panel__item-preview-overlay"> <a href="../default/index.html" class="btn btn-brand btn-elevate " target="_blank">Preview</a> </div>
                    </div>
                </div>
                <div class="kt-demo-panel__item ">
                    <div class="kt-demo-panel__item-title"> Demo 2 </div>
                    <div class="kt-demo-panel__item-preview">
                        <img src="../assets/media/demos-mini/demo2.png" alt=""/>
                        <div class="kt-demo-panel__item-preview-overlay"> <a href="../demo2/index.html" class="btn btn-brand btn-elevate " target="_blank">Preview</a> </div>
                    </div>
                </div>
                <div class="kt-demo-panel__item kt-demo-panel__item--active">
                    <div class="kt-demo-panel__item-title"> Demo 3 </div>
                    <div class="kt-demo-panel__item-preview">
                        <img src="../assets/media/demos-mini/demo3.png" alt=""/>
                        <div class="kt-demo-panel__item-preview-overlay"> <a href="../demo3/index.html" class="btn btn-brand btn-elevate " target="_blank">Preview</a> </div>
                    </div>
                </div>
                <div class="kt-demo-panel__item ">
                    <div class="kt-demo-panel__item-title"> Demo 4 </div>
                    <div class="kt-demo-panel__item-preview">
                        <img src="../assets/media/demos-mini/demo4.png" alt=""/>
                        <div class="kt-demo-panel__item-preview-overlay"> <a href="../demo4/index.html" class="btn btn-brand btn-elevate " target="_blank">Preview</a> </div>
                    </div>
                </div>
                <div class="kt-demo-panel__item ">
                    <div class="kt-demo-panel__item-title"> Demo 5 </div>
                    <div class="kt-demo-panel__item-preview">
                        <img src="../assets/media/demos-mini/demo5.png" alt=""/>
                        <div class="kt-demo-panel__item-preview-overlay"> <a href="../demo5/index.html" class="btn btn-brand btn-elevate " target="_blank">Preview</a> </div>
                    </div>
                </div>
                <div class="kt-demo-panel__item ">
                    <div class="kt-demo-panel__item-title"> Demo 6 </div>
                    <div class="kt-demo-panel__item-preview">
                        <img src="../assets/media/demos-mini/demo6.jpg" alt=""/>
                        <div class="kt-demo-panel__item-preview-overlay"> <a href="../demo6/index.html" class="btn btn-brand btn-elevate " target="_blank">Preview</a> </div>
                    </div>
                </div>
                <div class="kt-demo-panel__item ">
                    <div class="kt-demo-panel__item-title"> Demo 7 </div>
                    <div class="kt-demo-panel__item-preview">
                        <img src="../assets/media/demos-mini/demo7.jpg" alt=""/>
                        <div class="kt-demo-panel__item-preview-overlay"> <a href="#" class="btn btn-brand btn-elevate disabled" >Coming soon</a> </div>
                    </div>
                </div>
                <div class="kt-demo-panel__item ">
                    <div class="kt-demo-panel__item-title"> Demo 8 </div>
                    <div class="kt-demo-panel__item-preview">
                        <img src="../assets/media/demos-mini/demo8.jpg" alt=""/>
                        <div class="kt-demo-panel__item-preview-overlay"> <a href="#" class="btn btn-brand btn-elevate disabled" >Coming soon</a> </div>
                    </div>
                </div>
                <div class="kt-demo-panel__item ">
                    <div class="kt-demo-panel__item-title"> Demo 9 </div>
                    <div class="kt-demo-panel__item-preview">
                        <img src="../assets/media/demos-mini/demo9.jpg" alt=""/>
                        <div class="kt-demo-panel__item-preview-overlay"> <a href="#" class="btn btn-brand btn-elevate disabled" >Coming soon</a> </div>
                    </div>
                </div>
                <a href="https://themes.getbootstrap.com/product/keen-the-ultimate-bootstrap-admin-theme/" target="_blank" class="kt-demo-panel__purchase btn btn-brand btn-elevate btn-bold btn-upper"> Buy Keen Now! </a> 
            </div>
        </div>
        <!-- end::Demo Panel -->
        <!-- begin::Global Config(global config for global JS sciprts) -->
        <script>
            var KTAppOptions = {

    "colors": {

        "state": {

            "brand": "#4d5cf2",

            "metal": "#c4c5d6",

            "light": "#ffffff",

            "accent": "#00c5dc",

            "primary": "#5867dd",

            "success": "#34bfa3",

            "info": "#36a3f7",

            "warning": "#ffb822",

            "danger": "#fd3995",

            "focus": "#9816f4"
        },

        "base": {

            "label": [

                "#c5cbe3",

                "#a1a8c3",

                "#3d4465",

                "#3e4466"
            ],

            "shape": [

                "#f0f3ff",

                "#d9dffa",

                "#afb4d4",

                "#646c9a"
            ]
        }
    }
};
        </script>
        <!-- end::Global Config -->
        <!--begin:: Global Mandatory Vendors -->
<script src="../assets/vendors/general/jquery/dist/jquery.js" type="text/javascript"></script>
<script src="../assets/vendors/general/popper.js/dist/umd/popper.js" type="text/javascript"></script>
<script src="../assets/vendors/general/bootstrap/dist/js/bootstrap.min.js" type="text/javascript"></script>
<script src="../assets/vendors/general/js-cookie/src/js.cookie.js" type="text/javascript"></script>
<script src="../assets/vendors/general/moment/min/moment.min.js" type="text/javascript"></script>
<script src="../assets/vendors/general/tooltip.js/dist/umd/tooltip.min.js" type="text/javascript"></script>
<script src="../assets/vendors/general/perfect-scrollbar/dist/perfect-scrollbar.js" type="text/javascript"></script>
<script src="../assets/vendors/general/sticky-js/dist/sticky.min.js" type="text/javascript"></script>
<script src="../assets/vendors/general/wnumb/wNumb.js" type="text/javascript"></script>
<!--end:: Global Mandatory Vendors -->

<!--begin:: Global Optional Vendors -->
<script src="../assets/vendors/general/jquery-form/dist/jquery.form.min.js" type="text/javascript"></script>
<script src="../assets/vendors/general/block-ui/jquery.blockUI.js" type="text/javascript"></script>
<script src="../assets/vendors/general/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
<script src="../assets/vendors/custom/components/vendors/bootstrap-datepicker/init.js" type="text/javascript"></script>
<script src="../assets/vendors/general/bootstrap-datetime-picker/js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
<script src="../assets/vendors/general/bootstrap-timepicker/js/bootstrap-timepicker.min.js" type="text/javascript"></script>
<script src="../assets/vendors/custom/components/vendors/bootstrap-timepicker/init.js" type="text/javascript"></script>
<script src="../assets/vendors/general/bootstrap-daterangepicker/daterangepicker.js" type="text/javascript"></script>
<script src="../assets/vendors/general/bootstrap-touchspin/dist/jquery.bootstrap-touchspin.js" type="text/javascript"></script>
<script src="../assets/vendors/general/bootstrap-maxlength/src/bootstrap-maxlength.js" type="text/javascript"></script>
<script src="../assets/vendors/custom/vendors/bootstrap-multiselectsplitter/bootstrap-multiselectsplitter.min.js" type="text/javascript"></script>
<script src="../assets/vendors/general/bootstrap-select/dist/js/bootstrap-select.js" type="text/javascript"></script>
<script src="../assets/vendors/general/typeahead.js/dist/typeahead.bundle.js" type="text/javascript"></script>
<script src="../assets/vendors/general/handlebars/dist/handlebars.js" type="text/javascript"></script>
<script src="../assets/vendors/general/inputmask/dist/jquery.inputmask.bundle.js" type="text/javascript"></script>
<script src="../assets/vendors/general/inputmask/dist/inputmask/inputmask.date.extensions.js" type="text/javascript"></script>
<script src="../assets/vendors/general/inputmask/dist/inputmask/inputmask.numeric.extensions.js" type="text/javascript"></script>
<script src="../assets/vendors/general/nouislider/distribute/nouislider.js" type="text/javascript"></script>
<script src="../assets/vendors/general/owl.carousel/dist/owl.carousel.js" type="text/javascript"></script>
<script src="../assets/vendors/general/autosize/dist/autosize.js" type="text/javascript"></script>
<script src="../assets/vendors/general/clipboard/dist/clipboard.min.js" type="text/javascript"></script>
<script src="../assets/vendors/general/dropzone/dist/dropzone.js" type="text/javascript"></script>
<script src="../assets/vendors/general/summernote/dist/summernote.js" type="text/javascript"></script>
<script src="../assets/vendors/general/markdown/lib/markdown.js" type="text/javascript"></script>
<script src="../assets/vendors/general/bootstrap-markdown/js/bootstrap-markdown.js" type="text/javascript"></script>
<script src="../assets/vendors/custom/components/vendors/bootstrap-markdown/init.js" type="text/javascript"></script>
<script src="../assets/vendors/general/jquery-validation/dist/jquery.validate.js" type="text/javascript"></script>
<script src="../assets/vendors/general/jquery-validation/dist/additional-methods.js" type="text/javascript"></script>
<script src="../assets/vendors/custom/components/vendors/jquery-validation/init.js" type="text/javascript"></script>
<script src="../assets/vendors/general/toastr/build/toastr.min.js" type="text/javascript"></script>
<script src="../assets/vendors/general/raphael/raphael.js" type="text/javascript"></script>
<script src="../assets/vendors/general/morris.js/morris.js" type="text/javascript"></script>
<script src="../assets/vendors/general/chart.js/dist/Chart.bundle.js" type="text/javascript"></script>
<script src="../assets/vendors/custom/vendors/bootstrap-session-timeout/dist/bootstrap-session-timeout.min.js" type="text/javascript"></script>
<script src="../assets/vendors/custom/vendors/jquery-idletimer/idle-timer.min.js" type="text/javascript"></script>
<script src="../assets/vendors/general/waypoints/lib/jquery.waypoints.js" type="text/javascript"></script>
<script src="../assets/vendors/general/counterup/jquery.counterup.js" type="text/javascript"></script>
<script src="../assets/vendors/general/es6-promise-polyfill/promise.min.js" type="text/javascript"></script>
<script src="../assets/vendors/general/sweetalert2/dist/sweetalert2.min.js" type="text/javascript"></script>
<script src="../assets/vendors/custom/components/vendors/sweetalert2/init.js" type="text/javascript"></script>
<script src="../assets/vendors/general/jquery.repeater/src/lib.js" type="text/javascript"></script>
<script src="../assets/vendors/general/jquery.repeater/src/jquery.input.js" type="text/javascript"></script>
<script src="../assets/vendors/general/jquery.repeater/src/repeater.js" type="text/javascript"></script>
<script src="../assets/vendors/general/dompurify/dist/purify.js" type="text/javascript"></script>
<!--end:: Global Optional Vendors -->

<!--begin::Global Theme Bundle(used by all pages) -->
        
        <script src="../assets/demo/demo3/base/scripts.bundle.js" type="text/javascript"></script>
        <!--end::Global Theme Bundle -->
        <!--begin::Page Vendors(used by this page) -->
        <script src="../assets/vendors/custom/fullcalendar/fullcalendar.bundle.js" type="text/javascript"></script>
        <!--end::Page Vendors -->
        <!--begin::Page Scripts(used by this page) -->
        <script src="../assets/app/custom/general/dashboard.js" type="text/javascript"></script>
        <!--end::Page Scripts -->
        <!--begin::Global App Bundle(used by all pages) -->
        <script src="../assets/app/bundle/app.bundle.js" type="text/javascript"></script>
        <!--end::Global App Bundle -->
    </body>
    <!-- end::Body -->
</html>